Problem...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
befehl
beitrag
editor
element
explorer
gel
ger
grad
id
inhalt
komisch beitrag
quellen
quelltext
sofort
stellen
tag
versuch
wunderliche fehler
zuviel
-
Hi.
http://mawes.de.vu/
Ich denke, ihr seht mein Problem tag/sofort">sofort. Die wei?en R?nder zwischen den Images.
Das Design ist mit Photoshop gemacht, und mit einem CMS (hesasys.org) umgesetzt.
Schaut euch den Quelltext an, ich wei? nicht mehr weiter.
Die einzigen Divs, die bis jetzt benutzt werden sind content und navi.
Quelle:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>mawes.de.vu</title>
<meta name="author" content="mawes" />
<meta name="keywords" content="mawes,fkg2011,fkg,friedrich,koenig,k?nig,gymnasium,abi,abitur,2011" />
<meta name="robots" content="follow" />
<style type="text/css">
<!--
body {
background-color: #ffffff;
margin: 5%;
font-family: sans-serif;
text-align: center;
}
a {
text-decoration: underline;
color: #000000;
border: 0px;
}
a:hover {
text-decoration: none;
color: #b5a489;
border: 0px;
}
img {
border: 0px
}
#navi {
width: 91px;
height: 358px;
font-size: 11px;
border: 0px;
font-weight: bold;
background-color: #6180E4;
}
#content {
width: 480px;
height: 358px;
font-size: 10px;
border: 0px;
background-color: #6180E4;
}
-->
</style>
</head>
<body>
<table id="Table_01" width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img id="index_01" src="images/index_01.gif" width="800" height="215" alt="" /></td>
</tr>
<tr>
<td>
<img id="index_02" src="images/index_02.gif" width="99" height="358" alt="" /></td>
<td>
<div id="content">{CONTENT}
</div></td>
<td>
<img id="index_04" src="images/index_04.gif" width="68" height="358" alt="" /></td>
<td>
<div id="navi">
<a href="index.php?p=index">Home</a><br />
<a href="index.php?p=about">About Me</a><br />
<a href="index.php?p=webdesign">Webdesign</a><br />
<a href="index.php?p=schule">Schulisches</a><br />
<a href="index.php?p=anderes">Anderes</a><br />
<a href="index.php?p=links">Links</a><br />
<a href="index.php?p=impressum">Impressum</a>
</div></td>
<td>
<img id="index_06" src="images/index_06.gif" width="62" height="358" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="index_07" src="images/index_07.gif" width="800" height="27" alt="" /></td>
</tr>
</table>
</body>
</html>
Hoffentlich k?nnt ihr mir helfen, danke!
EDIT: Neuer Code.
Beitrag ge?ndert am 18.09.2005 12:20 von mawes -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
hi mawes,
es k?nnte daran liegen, dass in den <td>-Tags, wo die Bilder drin sind leerzeichen oder zeilenumbr?che sind
also versuchs mal damit, die <td>-tags direkt an die <img> tags dran zu schreiben -
hab ich probiert, geht aber leider nicht :(
siehe http://mawes.de.vu
Andere Vorschl?ge? -
Statt
<body>
solltest du
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
schreiben
So sollte kein Rand mehr da sein -
Die R?nder treten in den Tabellenzellen auf. Aber du hast den HTML-Quelltext mit irgendeinem "WYSIWYMG"-Editor erzeugt, oder? Der baut gar wunderliche Fehler ein. So erzeugt er eine ID "logo" im CSS, baut aber keine id="logo" ins HTML ein. Die Bilder im HTML haben auch alle IDs, die aber wiederum im CSS nicht auftauchen. Ich w?rde darauf tippen, dass irgendwo im CSS-Bereich ein "padding" oder "padding-top" zu viel ist. Das ist der CSS-Befehl f?r den Abstand eines Elements zu seinem Inhalt, und dieser sorgt daf?r, dass die Bilder nicht ganz an den Rand der Tabellenzellen ger?ckt werden. Aber ich hab die Stelle noch nicht gefunden.
MfG
alopex -
Vorher:
img {
border: 0px
}
Nacher:
img {
border: 0px;
}
Das d?rfte dein Problem beseitigen hoffe ich.
Edit: Sorry hab es mir nicht genau angesehen, aber ich such gleich nach dem richtigen Fehler.
2. Edit: Also im IE wird alles richtig angezeigt, aber warum ist dein quellcode so...komisch? >.<
Beitrag ge?ndert am 17.09.2005 17:51 von i-spacke
Beitrag ge?ndert am 17.09.2005 17:57 von i-spacke -
Die R?nder treten in den Tabellenzellen auf. Aber du hast den HTML-Quelltext mit irgendeinem "WYSIWYMG"-Editor erzeugt, oder? Der baut gar wunderliche Fehler ein. So erzeugt er eine ID "logo" im CSS, baut aber keine id="logo" ins HTML ein. Die Bilder im HTML haben auch alle IDs, die aber wiederum im CSS nicht auftauchen. Ich w?rde darauf tippen, dass irgendwo im CSS-Bereich ein "padding" oder "padding-top" zu viel ist. Das ist der CSS-Befehl f?r den Abstand eines Elements zu seinem Inhalt, und dieser sorgt daf?r, dass die Bilder nicht ganz an den Rand der Tabellenzellen ger?ckt werden. Aber ich hab die Stelle noch nicht gefunden.
MfG
alopex
1. Ja, ich habe einen "WYSIWYMG"-Editor benutzt (Verbrechen :D)
2. Die Id's im CSS habe ich eingebaut, da sind also keine zuviel, die benutze ich nur grad nicht.
3. Die Bilder haben Id's, weil ich die Bilder mit Photoshop exportiert habe, PS macht das da automatisch.
4. Hab gerade alle Paddings gel?scht, ist auch immer noch... Komisch.
Danke Alopex f?r die ausf?hrliche Erkl?rungshilfe.
@ die anderen: hat leider alles nichts geholfen...
Das mit dem Internet Explorer ist nat?rlich merkw?rdig ...
Aber am Browser kann das doch nicht direkt liegen, oder? -
*push* W?rde es was bringen, das ganze mit "Div"s zu machen?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
