Cascading Style Sheets

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

Hi,

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">

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?

Thanks,
ARNK

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:

https://codepen.io/WebDevGuy/pen/VmQdWg

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.

https://jsfiddle.net/23e5aLp2/

Syndicate content