nicht angemeldet
Abstände bleiben trotz definition im stylesheet
Ich hab folgendes Problem. Die Navigation der HP an der ich arbeite besteht aus mehreren Bildern für die Links und einer Grafik für den Banner. Nun bringe ich es nicht fertig den Abstand zwischen Banner-Grafik und den Grafiken für die Links zu verschwinden lassen.
Im exteren Stylesheet sind margin, padding und border jeweils auf den Wert 0px gesetzt trotzdem klappst nicht. Eine weitere Frage ist wie ich schaffe die Links im Quelltext durch Zeilenumbrüche voneinander zu trennen ohne das es Abstände zwischen den Grafiken Generiert.
Hier noch der Quelltext:
<?xml version="1.0" encoding="iso-8859-2"?>
<!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" xml:lang="cs" lang="cs">
<head>
<title>ultimatedvd24</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div align="center">
<p id="banner">
<img src="img/banner.png" alt="banner">
</p>
</p id="titel">
<a href="index.html"><img src="img/linkhome" alt="Home"></a><a href="info.html"><img src="img/linkinfo" alt="info"></a><a href="http://chaosruns.no-ip.org/forum/"><img src="img/linkforum" alt="forum"></a><a href="Gästebuch.html"><img src="img/linkgast" alt="Gästebuch"></a><a href="gallery.html"><img src="img/linkgal" alt="Gallery"></a><a href="links.html"><img src="img/linklink" alt="Links"></a><a href="mailto:j.thoma@snowgarden.ch"><img src="img/linkkontakt" alt="Kontakt"></a><img src="img/bannerleft.png" alt="bannerleft">
</p>
</div>
</body>
</html>
Hoffe ihr könnt mir helfen.
-
Hoffe ihr könnt mir helfen.
wasche dich rein in den heilen wassern des markup validation service - und siehe da, auch er ward nicht frei von fehlern [1]
zudem schickst du deinen browser [2] in den http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch@title=quirksmode
[1] Errors found while checking this document as XHTML 1.0 Strict!
Result: 36 Errors
[2] ich nehme an, es ist ein internet exploder-
[2] ich nehme an, es ist ein internet exploder
Nein problem besteht bei ie und firefox in gleicher weise. Werd erst einmal den Quelltext valide machen und mich dann noch mal melden
-
-
Hi,
<?xml version="1.0" encoding="iso-8859-2"?>
sicher, dass Du mitteleuropäische Kodierung haben willst?
<p id="banner">
<img src="img/banner.png" alt="banner">
</p>Du nutzt vermutlich keinen Werbeblocker wenn Du das Bild siehst. Sicher, dass es sich um eine Werbeeinblendung handelt?
<a href="index.html"><img src="img/linkhome" alt="Home"></a><a href="info.html"><img src="img/linkinfo" alt="info"></a><a href="http://chaosruns.no-ip.org/forum/"><img src="img/linkforum" alt="forum"></a><a href="Gästebuch.html"><img src="img/linkgast" alt="Gästebuch"></a><a href="gallery.html"><img src="img/linkgal" alt="Gallery"></a><a href="links.html"><img src="img/linklink" alt="Links"></a>
das ist ein Gewusel aber keine sinnvolle Navigationsauszeichnung.
<a href="mailto:j.thoma@snowgarden.ch"><img src="img/linkkontakt" alt="Kontakt"></a>
und das ist eine Zumutung.<img src="img/bannerleft.png" alt="bannerleft">
noch eine Werbung?freundliche Grüße
Ingo-
Hi,
<?xml version="1.0" encoding="iso-8859-2"?>
sicher, dass Du mitteleuropäische Kodierung haben willst?<p id="banner">
<img src="img/banner.png" alt="banner">
</p>
Du nutzt vermutlich keinen Werbeblocker wenn Du das Bild siehst. Sicher, dass es sich um eine Werbeeinblendung handelt?<a href="index.html"><img src="img/linkhome" alt="Home"></a><a href="info.html"><img src="img/linkinfo" alt="info"></a><a href="http://chaosruns.no-ip.org/forum/"><img src="img/linkforum" alt="forum"></a><a href="Gästebuch.html"><img src="img/linkgast" alt="Gästebuch"></a><a href="gallery.html"><img src="img/linkgal" alt="Gallery"></a><a href="links.html"><img src="img/linklink" alt="Links"></a>
das ist ein Gewusel aber keine sinnvolle Navigationsauszeichnung.<a href="mailto:j.thoma@snowgarden.ch"><img src="img/linkkontakt" alt="Kontakt"></a>
und das ist eine Zumutung.<img src="img/bannerleft.png" alt="bannerleft">
noch eine Werbung?freundliche Grüße
Ingo1. habe auf utf-8 gewechselt.
2. Es handelt sich hier um keine werbung
3. Hab ich geändert.
4. Beim email würde ich mich freuen wenn du mir genau sagen könntest was nicht korrekt ist.
5. ebenfalls keine WerbungIch füge nochmals den überarbeiteen Quelltext ein, beim letzen check war er nach W3c valid.
<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="cs" lang="cs">
<head>
<title>ultimatedvd24</title>
<link rel="stylesheet" type="text/css" href="css.css"/>
</head>
<body>
<h1>
<img src="img/banner.png" alt="banner"/>
</h1>
<ul>
<li><a href="index.html"><img src="img/linkhome" alt="Home"/></a></li>
<li><a href="info.html"><img src="img/linkinfo" alt="info"/></a></li>
<li><a href="http://chaosruns.no-ip.org/forum/"><img src="img/linkforum" alt="forum"/></a></li>
<li><a href="Gästebuch.html"><img src="img/linkgast" alt="Gästebuch"/></a></li>
<li><a href="gallery.html"><img src="img/linkgal" alt="Gallery"/></a></li>
<li><a href="links.html"><img src="img/linklink" alt="Links"/></a></li>
<li><a href="mailto:j.thoma@snowgarden.ch"><img src="img/linkkontakt" alt="Kontakt"/></a></li>
<li><img src="img/bannerleft.png" alt="bannerleft"/></li>
</ul>
</body>
</html>und den Inhalt der CSS.
h1 {
border: 0px;
margin: 0px;
padding-top: 36px;
padding-bottom: 0px;
}
img {
border: 0px;
margin: 0px;
padding: 0px;
}
li {
border: 0px;
margin: 0px;
padding: 0px;
display: inline;
}
ul {
margin: 0px;
border: 0px;
padding: 0px;
display: inline;
}Ohne ID's und Klassen das ist mir bewusst. es geht dabei darum das ich alle Grafiken nahtlos aneinader fügen kann.
mfg
main concept
-
noch eine kurze Anfügung
Der Wechsel zu xhtml Transitional hat den vertikalen Abstand zwischen den Grafiken entfernt.
Der Zeilenumbruch bei den Links wird immer noch als whitespace mit dementsprechen Abstand interpretiert.
mfg
main concept
-
Hi,
- Es handelt sich hier um keine werbung
warum bindest Du dann "banner" ein? Ein gefundenes Fressen für Werbeblocker.
- Beim email würde ich mich freuen wenn du mir genau sagen könntest was nicht korrekt ist.
Bei einer Seitennavigation erwartet man Seiten im Browser und nicht, dass sich (sofern installiert) das Mailprogramm öffnet.
- ebenfalls keine Werbung
aber unpassend mit "bannerleft.png" benannt. Du solltest die Bedeutung von "Banner" recherchieren.
freundliche Grüße
Ingo
-
-