I'm trying to style a table. This is the HTML (which I have to leave unaltered):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ultimate Frisbee - Teams</title> <link rel="stylesheet" href="css/hw1.css"> </head> <body> <header> <h1>Ulimate Frisbee Teams</h1> <nav> <a href="index.html">Home</a> <a href="history.html" class = "active">Teams</a> <a href="history.html">History</a> <a href="http://www.usaultimate.org/index.html" target="_blank">USA Ultimate</a> </nav> </header> <main> <aside class = "left">
The html5 media is in a div that floats right.
The image is in a figure node that floats left.
The h2 header, paragraph, and table are in another div that doesn't have float instructions.
It does what I want, with the last div mentioned displaying below the audio, until I shrink the image horizontally. Then that last div gets visually split up with the header ans paragraph above the paragraph and the table below the media.
I don't understand why it does this since they are all grouped together in a div but it is consistent across browsers.
Doing the right thing:
Hey guys, it's been a very long time since I've touched HTML/CSS but I'm moving back in that direction. I need to build an online portfolio, and was wondering which method is more usable in December 2016. For instance, would a grid layout even hold up across browsers? Should I rely on the old float and absolute positioning techniques from years ago? What say you?
So I have an issue. This is probably an easy fix, but I have a full screen vertical overlay navigation menu with sub links (sub-lists). My issue is that I am trying to get the first set of list items to slide down so that the nested list items can slide down to be displayed. So far, I am only able to get the sub list items to slide down. Here is my codepen link:
Any advice or help would be greatly appreciated
Hi, I'm not great with CSS I was trying to make a navigation bar which wouldn't wrap if the page size was changed, I made a jsfiddle of it, not sure if I am close or not, any tips would be great.