|
CSS - I'm Getting Mixed Messages From The Css Vadidation Service
My Page
I want the horizontal nav bar to be centered (I'm using <li> now for my nav bars instead of a bunch of <div> tags, and what do ya know... it IS easier ), and whenever I Try and validate the CSS on that page, I am getting an error. Here's an example. Quote: URI : file://localhost/layout.html * Line: 19 Parse error - Unrecognized : <html> <head> <title>Flotilla 31-9</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <style type="text/css"> #top { border-style: dotted; margin-left: auto; margin-right: auto; width: 594px; height: 95px; } The page validated as XHTMl but the CSS won't. Whatever I move into the top of the CSS declaration seems to be "wrong"... no matter which I move to the top. Help on figuring what it's saying is appreciated. I am trying to get the nav bar centered and I figured making my CSS valid couldnt' hurt... Similar TutorialsHi all, We have a table layout we're experiencing some issues with on users that have smaller screens. Below is a simple 1 row example of elements contained in our div tables Code:
<div class="tracks-result-page" style="">
<div class="track-element">
<input class="track-select-checkbox" type="checkbox"><h4 class="track-name">Track</h4><span class="created-date">23-Jul-2008 17:13</span><span class="duration">47m</span><a href="#" class="view-button">view</a><a href="/viewtrack" class="edit-button">edit</a><a href="#" class="details-button">show details</a><input value="d5f173a2-b35e-4489-b468-33a05b1e4997" class="track-id" type="hidden">
</div>
<div class="track-element">
....more elements
</div>
</div>
Basically, I have 800 px to fit this data in from our site template. What's happening is on smaller resolutions, the 3 anchor tags aren't fitting in 800 px due to large font size vs table width, and the anchor elements are wrapping around. I have a lot of white space after the description, and currently have a fixed width on that div. What I need is to right align everything from the "created-date" class to the end of the element, then left align the "track-select-checkbox" and the "track-name" elements. I'm having a really tough time doing this for some reason. I can't use "float:right;" on the elements that need right aligned. If I do, they all appear in reverse order! Any help would be greatly appreciated. thanks, Todd |
|||||||