Marie Nielsen skrev:
>> Må vi se?
>
> mener du når jeg er færdig med at prøve forfra? Eller er det den
> oprindelige opdeling jeg havde lavet du ville se? Den oprindelige er
> nedenfor her:
Nåh, jeg misforstod fir indlæg, jeg troede
du havde lavet det jeg foreslog og ville
så gerne se det online.
> <div id="wrapper">
> <div id="branding"> <img src="banner3.jpg"/> </div>
> <div id="navigation"><!--#include file="endeligmenu.inc"--></div>
> <div id="content">
> <div id="mainContent">
> yyyy
> </div>
> <div id="secondaryContent">
> xxxx
> </div>
> </div>
> <!--#include file="footer.inc"-->
> </div>
> </div>
>
> åh, måske er sidefoden ikke lavet som en rigtig div, men den reagerer nu
> i forhold til min css-kodning...
Ovenstående burde være:
<div id="wrapper">
<div id="branding"> <img src="banner3.jpg"/>
</div>
<div id="indhold">
<div id="navigation">
<!--#include file="endeligmenu.inc"-->
</div>
<div id="content">
yyyy
</div>
<div id="secondaryContent">
xxxx
</div>
<div class="clear"></div>
</div>
<div id="sidefod">
<!--#include file="footer.inc"-->
</div>
</div>
Så bliver wrapper reference-element for alt
indholdet, inkl. #sidehoved, #sidefod og #indhold.
Inde i #indhold kan du så float'e dine elementer
af hjertens lyst, så længe du husker at clear'e dem
/før/ afslutningen af #indhold.
>> Der er en ting ved stylesheet'et til
>> menuen der virker forkert - det er
>> div#navigation li.sub {
>> <img src= "pil.jpg">
>> }
>> der formodentlig er tænkt at skulle
>> indsætte en pil-grafik i de menupunkter
>> der har undermenuer.
>>
>> Det virker ikke. Du kan ikke indsætte en
>> html-markør i et stylesheet. Vi bruger
>> sædvanligvis
> Ja, jeg havde ret mange problemer med pilen! Jeg kunne godt få det til at
> virke efter din forskrift, men ikke når jeg samtidig valgte en
> background-color... Og så gav jeg op der. For lige at vise hvad jeg mener
> har jeg indsat det med pilen igen og fjernet baggrundsfarverne:
>
http://www.frivilliglolland.dk/endelig4.shtml
> Æv, ærgeligt at begge ting ikke virker på en gang.
Det gør det sandelig også, hvis du ellers
kigger på de rette elementer.
div#navigation li.sub a {
background-image: url(pil.jpg);
background-repeat:no-repeat;
background-position:right center;
}
div#navigation li a {
background-color:red; /* OBS tilfældig farve */
display: block;
padding: 0.25em 0 0.25em 0.5em;
text-decoration: none;
width: 150px;
}
Obs flg: Du kan ikke nøjes med background:farve,
når du har en baggrundsgrafik; Obs også
at din pilegrafik har hvid som baggrund, den
skal naturligvis have samme baggrundsfarve som
det element, den danne baggrund for, eller -
bedre - have en transparent baggrund. Og derfor
laves som en png eller gif.
> Men endnu engang tusind tak for input ind til nu. Jeg vender tilbage når
> jeg har prøvet at opbygge det fra bunden igen - og det forhåbentlig
> virker med "float"elementerne.
Right. Mon ikke du er på rette spor nu?
--
Med venlig hilsen
Jørgen Farum Jensen
http://webdesign101.dk
Webdesign håndbøger:
http://733.dk