Beiträge von flora-bora

Vielen Dank für die schnelle Antwort. Und auch Danke für den Link: Werde ich mal durcharbeiten.

Hallo ich habe eine horizontale Navileiste. bei a:hover erscheint ein kleines Dreieck über dem Listenpunkt. Soweit ok. Bei a:visited soll das Dreieck stehenbleiben. (Dreieck ist als Img hinterlegt) Geht das überhaupt?

2. Frage: wie kann ich den Abstand zwischen den einzelnen Menüpunkten ändern? Mit display:block sind die Abstände der Boxen gleich groß. Das sieht nicht schön aus bei langen und kurzen Worten. Die Breite der Navileiste ist gegeben durch das darunter liegende Bild.

Hier der Code:
div#navigation {
position:relative;
top:0px;
left: 0px;
width: 990px;
margin: 0 auto;
z-index: 20;
}
#navmenu ul
{
list-style: none;
padding: 0px;
margin: auto auto;
}
#navmenu li
{
list-style: none;
position: relative;
left:204px;
float: left;
margin-bottom: 0px;
border: 0px ;
font-size: 14px !important;
font-weight: bold;
}
#navmenu li a
{
height: 18px;
padding-top: 11px;
padding-bottom: 2px;
float: left;
width: 129.5px;
display:block;
border: 0 solid #0093dd;
color: #0093dd;
text-decoration:none;
text-align: center;
}
#navmenu li a:hover, li a:visited {
background-image: url(../Bilder/drei-unten.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-size: auto auto;
color:red;
}

Hallo, ich habe das Problem gelöst: der <strong> id muss haben: style="position:absolute" statt style="right: 0px;
Das habe ich nur durch Probieren rausgefunden. Wieso kann ich einen <div> mit position:absolute rechts ausrichten?

Hallo, das Logo sitzt jetzt richtig, es soll kein <a> sein. soweit sogut. Aber der Text ist nicht sichtbar. Hier der Code:

<div id="header">
<div id="emotion">
<div id="emotion-header" style=" background: #0093dd; width: 990px; height:82px; overflow:visible; ">
<img id="emotion-header-logo" src="bilder/logo1.png" alt="Tierklinik Scholz Saarpfalz" style=" border-top: -25px; padding: 0px;" name="emotion-header-logo">
<strong id="emotion-header-title" style="right: 0px; font: italic bold 40px 'Times New Roman', Times, serif; color: #FFFFFF;">Tierklinik Scholz Saarpfalz</strong>
</div>
</div>
</div>
</div>

Ist da ein <div< zuviel?
Beim Ausrichten des Logos hat es erst geklappt, als ich die Position in px statt % angegeben habe.

Hallo, ich versuche ein Logo im Header einzubauen, das über den Rand läuft: siehe Foto
ich bin mir nicht sicher, in welches <div> das Logo muss. Muss ich mit z-index arbeiten?
der Code:
div id="header">
<div id="emotion">
<div id="emotion-header" >
<div id="emotion-header-title"><span>titel der Seite</span>
</div>
</div>
</div>
</div>

CSS
div#header {
border-top: 50px solid white;
background-color: #0093DD;
}
div#emotion {
margin: auto auto;
width:990px;
position:relative;
z-index: 1;
}
div#emotion-header{
width: 990px;
height:82px;
overflow:visible;
background-image: url(Bilder/logo1.png); (Größe 130x130px)
background-repeat:no-repeat;
background-position:left;
top: ???
background: #0093dd;
}
div#emotion-header-title{
text-align:right;
top:20px;
font: italic bold 40px 'Times New Roman',Times,serif;
color: #fff;
background-color: #0093dd;
}

Vielen Dank für Eure Hilfe