Cannot get my divs to overlap in a sequential manner. Tried setting z-indexes to no avail. Everything just stays in this bloody vertical line.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Peter J. Farrell IV is a music producer and professional musician with over 13 years of experience." />
Hi, i have "ok" knowledge of HTML and CSS, but the sites i have designed have have a very simple layout due to my CSS limitations.
Below is a photoshop layout of what i want to create, i have all the images such as logo, backgrounds, boxes; but i don't know how to put them together in CSS.
I have used div classes but i just can work out how to get the aliment right.
My second question is how do i use fonts that i have downloaded to work across all browsers in CSS?
I've got a page that's set up like this:
<head> <body> <div id="container"> <div id="header"> <div id="navigation"> <!-- Navigation goes here --> </div><!-- End of Navigation --> <div id="autocomplete-container"> <div class="ui-widget"> <%--<label for="autoComplete">Tags: </label>--%> <input id="autocomplete" name="autocomplete" /> <input type="submit" value="Search" id="autocomplete-submit" />
Hello to the board, in the first place, 'cause I'm new here. :
I am quite at the beginning with CSS. HTML, PHP, MySQL are no problem, though for PHP and MySQL I still need some hours of googling from time to time
The idea is that I want to be able to build my own websites, with no help from CMS-es, templates and others.
The main idea for this specific example is that I want the site to resize itself according to the resolution or window size, so it has the best look all the time. Though resolutions are in fact the biggest issue here.