Jump to content

FlorisW

Members
  • Posts

    6
  • Joined

  • Last visited

FlorisW's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Oh wow it worked!! I'm so happy right now . Thank you so much!
  2. Thanks I fixed the closing bracket! I only have 1 problem left. The left side (#links) doesn't show up and #lichaam is I guess filling in the space of #links. This is my html code now: <!DOCTYPE html><html><head><title>PumpkinCraft</title><link href="style.css" rel="stylesheet" type="text/css"></head><body> <div id="houder"><div id="hoofd"></div><div class="horlinks"><a href="mcserver_info.html>Minecraft server</a></div> <div id="links">Links</div><div id="rechts">Rechts</div><div id="lichaam">Lichaam</div><div id="voet">Voet</div> </div> </body></html> I didn't put <div class="horlinks"> in "hoofd" because I get the same problem after that. I might have misunderstood you so could you please put in the code like you would put it in. That would help a lot. Thanks!
  3. Alright I now have 7<div>'s and 7 </div>'s. And I placed <!DOCTYPE html> in the code. I use google chrome and the layout is still the same. Are there any more problems in my codes and how do I fix that absolute positioning thing what causes the other element to fill in the space? Thanks.
  4. Can you make a fix for me then? As I said i'm new and I don't know how to fix it.
  5. Ok here are the codes: HTML code: <html><head><title>PumpkinCraft</title><link href="style.css" rel="stylesheet" type="text/css"></head><body> <div id="houder"><div id="hoofd"><div class="horlinks"><a href="mcserver_info.html>Minecraft server</a></div> <div id="links">Links</div><div id="rechts">Rechts</div><div id="lichaam">Lichaam</div><div id="voet">Voet</div> </div> </body></html> CSS code: #houder { width: 900px; } #hoofd { width: 900px;height: 100px;position: relative;background-image: url(resources/HoofdPuC.jpg);border-bottom: 2px solid #000000; } #links { float: left;width: 140px;height: 400px;background-color: #3D9E3D;border-right: 1px dashed #694717;position: relative; } #rechts { float: right;width: 140px;height: 400px;background-color: #3D9E3D;border-left: 1px dashed #694717;position: relative; } #lichaam { width: 500px;position: relative; } #voet { clear: both;background-color: #35710C; } #hoofd a { color: #FF6600;text-decoration: underline;font-weight: bold; } #hoofd a:hover { color: #D10000;text-decoration: none;font-weight: bold; .horlinks { position: absolute;top: 77px;left: 180px; }
  6. Hello, I'm new to CSS and HTML and I run up to a problem. When I try to position a Hyperlink using a class the layout bugs out and and the hyperlink doesn't move to the asigned position. Here is the code and the layout. The layout above is how it is supposed to look and the layout underneath that is how it displays after I use a class to position the hyperlink. Any help is much appreciated!
×
×
  • Create New...