Nov 8, 2009

Help With Css/html Layout - Horizontal List Problems

free web hosting
Open Discussion > MODERATED AREA > Computers > Programming Languages > HTML, XML etc..

Help With Css/html Layout - Horizontal List Problems

Unholy Prayer
I can't figure out why this horizontal list isnt working. Underneath my banner is supposed to be a green gradient bar with a list of links in the center of the page. The links are all the way to the left and are really small. The banner is also overlapping the list for some reason. This is my current layout(don't worry, I'm not trying to advertise).

http://www.stormgaming.net/stormcreations/

This is my CSS file
http://www.stormgaming.net/stormcreations/storm.css

Thanks in advance for any help.

Comment/Reply (w/o sign-up)

hitmanblood
I don't see problem no text is overlaping anything else could you please elaborate your problem a bit more. Maybe put a screenshot and circle what should be where so I can see.

Nice design though.

Comment/Reply (w/o sign-up)

jlhaslip
To begin with, place the DocType Declaration as the first line in the file. Having it on the third line is causing 37 warnings on your page.
Also, xhtml requires closing of the br tags , so replace them with "<br />".
And what Browser are you using to view the page in?

That is all we can do until you make the above changes. Post back here once these alterations are made, and the repairs can continue....

Comment/Reply (w/o sign-up)

alex7h3pr0gr4m3r
Woah your site is f'ed up. It looks fine if i bring my browser down to about 800 px wide but when its the standard 1900 px wide like i usualy have it, everything is all over the place. I hate websites like this. You should fix that!

Comment/Reply (w/o sign-up)

rvalkass
Using tables for your layout is not recommended, and they can lead to all sorts of problems. You problem appears to be with the width of whatever is holding the main content (a DIV or table element) being a percentage, while the background image to the page dictates a fixed width. If you fix the width of the main content to be the same as the distance between the green gradient bars running down the middle of each side then it should look OK. However, using a fixed width will make people with smaller screen resolutions have problems, as opposed to people with larger screen resolutions having the problems at the moment.

Other than that major problem, your copyright notice is off to the right slightly for some reason, and the green striped bar across the top extends a few pixels too far to the right. Follow jlhaslip's suggestions and then we'll see what else we can do. I'll also try and take a more detailed look over the code later.

Comment/Reply (w/o sign-up)

FeedBacker
the%20answer
Help With Css/html Layout

Try using html to center the links for example

<div align=middle>
<a href=www.Google.Com>google</a>
</div>

-html

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : css, html, layout, horizontal, list, problems

  1. Website Problems Please Help
    Unwanted gap between the welcome bar and flash. (6)
  2. Ie 6 Conditional Statement Problems
    Wont Work (3)
    CODE     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">      Home               
              OK that's my code. I have been using IE conditionals for awhile and never had
    any problems. Now it wont work at all. I have tried so many different ways and nothing works. I
    would prefer it to be in the /css directory, but i dont know, it didn't work there so i tried
    the root. you can view this file at http://oscargodson.com/dev/orca FF and Safari it looks like
    it is supposed to (and i didn't design just slicing it for a client) IE6 is ....
  3. Centered Div Layout Issues
    Float Right item not vertically aligned with text (2)
    Hey everyone. I am writing an all div layout for my friends website and i just cant seem to get all
    the fields aligned properly. I can get all my images to be aligned and look great until i put any
    text on the site. For example, my box that will contain links and such has 3 parts: top, middle and
    bottom. Each of these have 3 parts: left, middle and right. To program the 3 parts of each row, i
    use 3 divs which are all floated based on their position. However, as soon as I put text in the
    middle area, the right image is moved down to a new line. The sample site is located ....
  4. Help With Website Layout Correction For All Browsers
    Page gets larger on Firefox 2 (4)
    If you go to my site at http://boozkerstweaks.trap17.com and you look at the home page everything
    is fine on all browsers. Problems start to arise very soon however. Here is my list of problems and
    i was wondering if someone could help with just whats wrong. I have done a HTML validator and found
    only 3 errors and all these problems still occured. You might find more now though because i am
    screwing around with the code. Here is the list of browsers and errors: Netscape 8.1: After you
    click on the pulldown menu and click the only tweak avaible at the moment the pag....
  5. Problems With Webpage Positioning In Internet Explorer
    (11)
    Originally this topic was asking for testing of my page in Internet explorer but someone on another
    forum got there first, but I still need help! I've made a page using absolute positioning and
    php, using percentages for positions so that it should suit all screen resolutions. However on
    internet explorer some of the text on the right can't be seen and is off the page, whereas in
    every other browser it's perfect. What can I do to make it show up properly in internet Explorer
    as well as all the other ones? Here's the link so you can see what I mean by the....
  6. Website Deployment Problems
    (3)
    Hello, I have developed a website that is specific to IE. The website looks great on my local
    machine. I then move it to my production environment. For some reason, the website now looks
    different when I view it from the production server. The strange thing is... I am using the same
    browser. I always believed that HTML was downloaded to the client and then it was up to the browser
    to render it. Considering I am viewing the webpage using the same browser from my machine... I
    should have received the same thing. Which lead me to believe that I didn't upload it prop....
  7. Header < H1> Layout Problem
    only in IE? FF is okay. (13)
    The problem is best described as follows. The site in question has a four word Heading as a text
    field, is contained in a div tag, and I tried using br tags to control the display of the words such
    that the layout would follow a set pattern. ie: line 1 = 1word, line 2 = next two words, and line 3
    = the last word. It seems like no matter what I do, Internet Explorer displays the words one line at
    a time, one word on each line. Is this an IE problem? Firefox displays the Heading exactly as I
    want, but IE doesn't even come close. CODE WordOne WordTwo WordThree W....
  8. Xhtml Forms Layout
    all within the standars (8)
    We all remember the good old tables right? When we used them to design or beloved websites. But
    nowadays things have change a little bit, strict code format, css, xhtml and no tables. And so
    when it comes finally to the design of a form, instead of having two rows (left row with the label
    and right row with the input tag) and those rows aligned to look nice (left row= right aligned and
    right row=left aligned), how can we keep order with our fancy style sheet? Thanks in advance.....
  9. Div Layout Problems
    table in div not shrinking (5)
    Hey everyone. I am having an issue on one of my pages where the table inside my middle section of my
    layout will not continue to shrink if the browser window is shrunk. AKA, i get a slider bar on the
    bottom instead of things just overlapping. Below is the code for the page along with my style sheet.
    If you want to see for yourself the problem just go here: Final Fantasy Fanatics - FF7 - Armor .
    Armor.php CODE session_start();    include './../db_connect.php';    include
    './../member_class.php'; include './../news_class.php'; $member_cl....
  10. Code For This Table Layout?
    html help needed (6)
    Hey, can anyone help me generate the code needed for a table that would look something like this?
    CODE  ----------------------------------------------------- |                                  
    |---------------- | |                                   |---------------- | |                    
                  |---------------- | |                                   |---------------- | |      
                                |---------------- | |                                  
    |---------------- |  ------------------------------------------------------ Thanks i....
  11. Shtml Page With Flash Loading Problems
    anyone have problems with shtml (1)
    Hey, I created this site http://www.markus252.com . Had to use .shtml extensions on the pages so I
    could have included, his server isn't php enabled and for some reason some people aren't
    seeing the two flash elements on the page. Not all computers are having this problem, just some. The
    page keeps saying that there 2 elements left to load(the two flash elements). I have no clue why? I
    had people download the lastest flash player and they all can see the files when i send them the
    direct link to them but the flash just won't load on the page. *Anyone else h....
  12. Disabling Horizontal Scroller In Iframe?
    How can I do that? (17)
    Is there a way to disable the horizontal scroller in iframes? If yes, how can I do it?....
  13. Web Page Layout?
    (13)
    I am really struggling right now. I need help!!! Can anyone please tell me what the best way to make
    web page layout is!!!! Please if you say any way, point me to the web site where I can learn about
    it!!! Thanks:)....
  14. How To Make Open & Close Table (layout)
    Do You know that ? (1)
    Hi Every one i want to learn and make and use open and close layout and tables on my page i know its
    jsp code but i want one clear jsp code for edit and desgin or tell me how can i do that ? for
    sample see this site you can close tables left and right of the site by one down and up arrow
    www.ashiyane.com Thx /cool.gif" style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif"
    />....

    1. Looking for css, html, layout, horizontal, list, problems

Searching Video's for css, html, layout, horizontal, list, problems
See Also,
advertisement


Help With Css/html Layout - Horizontal List Problems

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com