Jag håller på med XHTML och använder boxar, layer div eller vad det nu kallas. Med hjälp av en sådan har jag gjort en meny. I den vill jag ha annan färg på vissa rader. Går detta att ordna utan att lägga in en massa boxar med olika bakgrundsfärger eller att lägga in en tabell? Jag vet att jag kan lägga till textbakgrund, men då färgas bara textens bakgrund, inte hela radens.
Om någon har en lösning på detta vore jag tacksam.
En annan liten fundering jag har är denna kod som Dreamweaver MX automatiskt lägger in:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
Det verkar inte ha någon viktig funktion och XHTML validator klagar på koden. Även om jag raderar den kommer den tillbaka nästa gång jag öppnar dokumentet. Finns det något sätt att få DMX att sluta lägga in det?
Varje exempel visas med en länk till artikeln som beskriver metodiken bakom...
I Ditt fall låter det som om du skulle fundera över att lägga display:block på dina a-taggar i menyn (för att få dessa att täcka hela sin "rad" i menyn) och gå vidare därifrån med klasser eller liknande...
Scriptet du visar åtgärdar en bugg i NN4 (som inte alltid ritade om webbsidan på ett korrekt sätt om man ändrade storlek på webbläsarfönstret)
Som du säger - ingen speciellt viktig funktion idag ;)
Hur du får bort det ur koden i Dreamweaver kanske någon annan kan hjälpa dig med - det har inte jag en susning om ;)
Jupp, det stämmer.
Med display:block och en padding på omgivande div, så får du inte med färgningen "över" den.
Men du kan ju skriva om koden så att padding-effekten du är ute efter ligger inuti dina nyskapade "a-block" istället genom att t.ex. lägga border-attribut på länkarna istället för det omgivande blocket ;)
Här är ett exempel på vad jag menar.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Meny i absolutpositionerat lager</title>
<style type="text/css">
<!--
#meny {
position: absolute;
top:25px;left:25px;
width:120px;
}
#innehall {
position: absolute;
top:25px;left:200px;
width:450px;
padding:10px;
border: 1px dotted silver;
background-color: gray;
color:white;
}
/* Här kommer specialarna: */
#meny a {
display:block;
width:100%;
/* border här, inte på omslutande div */
border:1px solid silver;
background-color:gray;
color:white;
text-decoration:none;
padding-left:4px;
}
#meny a:hover {
text-decoration:underline;
background-color:silver;
}
#meny .speciell {
background-color:black;
}
#meny a.speciell:hover {
background-color:silver;
border: 1px solid black;
}
-->
</style>
</head>
<body>
<div id="meny">
<a href="#">Ett</a>
<a href="#">Två</a>
<a href="#">Tre</a>
<a href="#" class="speciell">Fyra</a>
<a href="#">Fem</a>
<a href="#">Sex</a>
<a href="#">Sju</a>
<a href="#" class="speciell">Åtta</a>
</div>
<div id="innehall">
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Pellentesque molestie sagittis quam. Nulla auctor.
Duis facilisis magna a tortor. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Aliquam a
sapien. Aliquam erat volutpat. Aliquam dolor. Nam fermentum cursus
nulla. Donec sodales euismod neque. Integer ac est. Duis metus.
Maecenas tempus, elit a rutrum interdum, risus diam tempor leo, sed
viverra nisl urna eu lorem. Nulla sodales quam quis dui. Duis tellus.
Vivamus eget eros quis nibh bibendum aliquam. In dapibus, velit non
consectetuer nonummy, turpis neque vestibulum tortor, in mattis est
nulla non nulla. Quisque ligula leo, viverra vitae, eleifend vel,
mollis in, erat.
</div>
</body>
</html>
Om detta inte löser ditt problem, så vore det nog bra om man kunde få se lite av din kod så att man inte missar något av vad du *egentligen* tänkt dig ;)
Jag löste mitt problem. Tack för utmärkt hjälp. Vet någon om det finns en heltäckande sida, helst på svenska, som handlar om XHTML och problem som kan uppstå i övergången från HTML 4?
