• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

border streicht überschrift durch

also jetzt muss ich hier mal ein großes Lob für die tolle und schnelle Unterstützung, insbesondere für die technischen Tipps aussprechen. Wirklich Klasse!
 
Werbung:
Das ist alles überhaupt kein Thema, wenn der Fragesteller etwas lernen will, Eigeninitiative zeigt und so manche sarkastische Antwort nicht persönlich nimmt :-)

Ich meine...dazu sind wir hier - um zu helfen. Und wer die Hilfe annimmt, dem wird geholfen.

Ehhhmmm...P.S.: Wie kommt Corraggiouno mit 82 Beiträgen zu einem Renomee-Modifikator von 5? Da werd ich ja neidisch!
 
Werbung:
Efchen schrieb:
Dazu überlegst Du Dir, was die Bedeutung von <div> ist.
Die ist: Gruppe von Elementen.

Eine Gruppe besteht immer aus mindestens zwei Elementen.
div#nav ist daher überflüssig.

div#header ist semantisch falsch, weil Du da ein Image hast, dem Du keine Bedeutung gibst. Dein Image enthält aber Content, nämlich die Überschrift, also ersetze das <div> durch <h1>. Deinem Image fehlt außerdem das Pflicht-Attribut "alt". Setze dort also den Text ein, der im Image steht, damit dieser angezeigt/vorgelesen wird, wenn keine Grafiken zum Einsatz kommen (abgestellt/Text-/Vorlesebrowser).
Zum Vergrößern anklicken....
also wenn div#nav überflüssig ist, dann ist ja mein central auch nicht richtig, weil dieser Container besitzt auch keine zwei oder mehrere Elemente!
Code: 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>JK</title>
<link href="css/jk.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">

<h1><img src="images/logo.gif" alt="Jaki und Klaiber"></h1>

<div id="central">
<div id="nav">
<ul>
<li><a href="unternehmen.php"><span>Unternehmen</span></a></li>
<li><a href="leistungen.php"><span>Leistungen</span></a></li>
<li><a href="partner.php"><span>Partner</span></a></li>
<li><a href="stellenangebote.php"><span>Stellenangebote</span></a></li>
<li><a href="kontaktformular.php"><span>Kontaktformular</span></a></li>
</ul>
</div>
<div id="maintext">
<h4>Unsere Partner</h4>
<ul class="partner">
<li><a href="http://www.arbonia.de/Deutsch/" target="_blank"><img src="images/arbonia.gif"></a></li>
<li><a href="http://www.buderus.de/" target="_blank"><img src="images/buderus.gif"></a></li>
<li><a href="http://www.danfoss.com/" target="_blank"><img src="images/danfoss.gif"></a></li>
<li><a href="http://www.grohe.de/" target="_blank"><img src="images/grohe.gif"></a></li>

<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>

</ul>

</div>
</div>


<div id="footer">

</div>

</div>
</body>
</html>
css-code:
Code: 
*{
margin:0;
padding:0;
}

html {
height: 100.3%;

}

body{
font-family: Verdana, sans-serif;
font-size:0.8em;
color: #000000;

}

div#wrapper {
width: 850px;
margin:10px auto;
}

h1 {
background: url(../images/header.gif) no-repeat;
height: 1px;
padding: 40px;
}



div#central {
background: url(../images/central.gif) repeat-y;
padding-top:80px;
padding-left: 65px;
}


div#nav {
padding-right: 90px;
float:right;
}


div#nav li {
display: inline;
list-style-type: none;
}

div#nav a {
float:left;	
text-decoration: none;
padding-left:1.0em;
margin-left:0.4em;
background: url(../images/tab_normal.gif) no-repeat left top;
}

div#nav a span {
display: block;
padding:0.5em 1.4em 0.3em 0.5em;
background: url(../images/tab_normal.gif) no-repeat right top;
}

div#maintext {
clear:right;
width: 640px;
height: 400px;
border-style:solid;
border-color: #dddddd;
border-width: 1px;
padding: 20px;
line-height:0.4em;
margin-left:20px;
}

div#footer {
background: url(../images/footer.gif) no-repeat;
height:180px;
}


a {color: #fe0101; text-decoration: none;
}

img {
border:none;
}

a:link {}
a:visited {}
a:hover {}
a:active {}



h4 {
color: #a0a0a0;
border-bottom: 1px solid #fe0101;
line-height:1.1em;
display:inline;
}

ul.partner {
padding-top:10px;
list-style-type:none;
}

ul.partner li {
padding:5px;
display:inline; 
line-height:2.4em;
}
Oder ist meine Annahme falsch? Wenn div#nav überflüssig ist, wie kann ich das so umbauen, dass der Container div#nav nicht mehr benötigt wird?
 
Das machst Du, indem Du der <ul> die id="nav" gibst. Und die div#central ist deswegen nicht überflüssig, weil Du darin ja mehrere Elemente gruppierst.

Gruß thuemmy
 
thuemmy schrieb:
Das machst Du, indem Du der <ul> die id="nav" gibst. Und die div#central ist deswegen nicht überflüssig, weil Du darin ja mehrere Elemente gruppierst.
Zum Vergrößern anklicken....
muss ich dann zusätzlich zur der Klasse partner, die id eintragen, also so

Code: 
<ul class="partner" id="maintext">
<li><a href="http://www.arbonia.de/Deutsch/" target="_blank"><img src="images/arbonia.gif"></a></li>
<li><a href="http://www.buderus.de/" target="_blank"><img src="images/buderus.gif"></a></li>
<li><a href="http://www.danfoss.com/" target="_blank"><img src="images/danfoss.gif"></a></li>
<li><a href="http://www.grohe.de/" target="_blank"><img src="images/grohe.gif"></a></li>

<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>
<li><a href="http://www.grohe.de/"><img src="images/grohe.gif"></a></li>

</ul>
 
Werbung:
Was? Also davon habe ich nichts gesagt, und auch nicht so gemeint ;-)

Der <ul> innerhalb der div#nav bekommt die Attributzuweisung id="nav". Daduch kann die div mit der id="nav" gelöscht werden.

Und warum willst Du jetzt der <ul class="partner"> noch die id="maintext" verpassen?

Gruß thuemmy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben