Cascading Style Sheets

border / border radius and text alignment queries. Can you help?


I'm trying to style a table. This is the HTML (which I have to leave unaltered):

<!DOCTYPE html>
<html lang="en">
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Teams</title>
	<link rel="stylesheet" href="css/hw1.css">
		<h1>Ulimate Frisbee Teams</h1>
			<a href="index.html">Home</a>
			<a href="history.html" class = "active">Teams</a>
			<a href="history.html">History</a>
			<a href="" target="_blank">USA Ultimate</a>
		<aside class = "left">

Trouble understanding floats

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:

Flexbox or Grid Layout for Portfolio?

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?


Full screen vertical drop down menu not displaying sub categories correctly.

Hey Guys,

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 Smile

nowrap drop down menu

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.

Syndicate content