Permalänk
Avstängd

Felsökningshjälp CSS

Hej,
som hyfsad novis håller jag på med en sida. I en kolumn gör jag interna reklamrutor, med bilder som hänvisar till andra sidor på sajten. Tyvärr agerar inte läsaren som jag önskar.

Tanken är att reklamrutorna 100px width ska sitta i en omgivande div som flyter höger. Det omgivande div-elementet ska ha en ram runt sig för att accentuera att det är separat från textinnehållet på sidan. Tyvärr visar sig inte ramen i webläsaren. Ibland rör sig även reklamrutorna när jag för muspekaren över dem.

Vad gör jag för fel? Ett utklipp från CSS-koden, sedan HTML-dokumentet

/* General tags */
body {background:url(images/background.gif) repeat-y top center #fff; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; margin:0 auto; padding:0;}
a {color:#4088b8; font-weight:700; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {margin:0;}

Detta är koden för frågeställningen
/*Side banner*/
#commercial {padding:2px; float:right; width:105px; margin-left:6px; border:#D4D4D4 solid 2px;
#commercialcontent {padding:4px ;float:right; width:100px;}
#commercialcontent a img{padding:2px; width:100px; text-decoration:none;}
#commercialcontent a:hover{width:100px; text-decoration:none;}

HTML
<div id="wrap">

<div id="header">
<p id="toplinks">Gå till: <a href="#content">Innehåll</a> | <a href="#sidebar">Navigation</a> | <a href="#footer">Fotmeny</a></p>
<h1><a href="index.html">Hurva.nu</a></h1>
<p id="slogan">Hushållning med ändliga resurser</p>
</div>

<div id="commercial">
<div id="commercialcontent"><img src="Reklam/LF_prov.jpg" alt="Hurva.nu" />
</div>
</div>

Visa signatur

Allting är gratis. Bara höja skatten.
http://imgur.com/gallery/hhD3J
I zenit av Roms storhetstid mutades romarna att rösta på senatorer i utbyte mot mutor
https://www.youtube.com/watch?v=gJ2tPMIh6u0

Permalänk
Medlem

För det första har du glömt att stänga regelgruppen med }, och för det andra så har du fel ordning på parametrarna till border. Det ska vara bredd stil färg, dvs. border: 2px solid #d4d4d4;.

Permalänk
Medlem

Kommer du vilja ha ditt textinnehåll elastiskt? Annars behöver du sätta
{float:left; display:inline;} på div för textinnehåll och #commercial för att den ska positionera längst upp till höger om du sätter fast bredd för textinnehållet.

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av save
Kommer du vilja ha ditt textinnehåll elastiskt? Annars behöver du sätta
{float:left; display:inline;} på div för textinnehåll och #commercial för att den ska positionera längst upp till höger om du sätter fast bredd för textinnehållet.

Floatade element är automatiskt display: block. display: inline läggs till för att IE6 inte ska bugga ur, fast det kanske var det du menade

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Teknocide
Floatade element är automatiskt display: block. display: inline läggs till för att IE6 inte ska bugga ur, fast det kanske var det du menade

Ja precis, man får tänka på den gamla räven.

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Permalänk
Avstängd

Tack för hjälpen.
Ändrade grejorna, men jag får det inte att fungera. Mycket underligt. Det jag laddat upp på servern har ramen, men det jag har hemma har ingen ram.
Pular vidare i det hela.

God fortsättning

Visa signatur

Allting är gratis. Bara höja skatten.
http://imgur.com/gallery/hhD3J
I zenit av Roms storhetstid mutades romarna att rösta på senatorer i utbyte mot mutor
https://www.youtube.com/watch?v=gJ2tPMIh6u0