• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

border-frage darstellung in versch. browsern

J

jsgreenhorn

Guest
die border um die thumbs herum haben im Moz./NS u. IE im bottom einen kleinen abstand.
der Opera stellt es als einziger richtig dar!
gibt's da noch einen css-trick damit auch der kleine abstand noch verschwindet?


keep swinging!

ansehen
 
Nicht die Browser sind Schuld, sondern dein Quelltext.

Als erstes einmal gehört das </a> vor </div> und als zweites machst du einen Umbruch im Qeulltext, dies fürht zu deinem "Fehler". Lösung: Entferne einfach den Umbruch.

Code: 
<div class="thumb1">
<a href="../kristin/thumbs03/bild02.html" target="rechts">
<img src="../kristin/thumbs03/bild02.jpg" width="80" height="60" border="0" alt="bild"></a></div>
 
das bringt's auch nicht! hab's so verbessert und gespeichert!

wenn ich den code aus dem browser (notepad) anschaue sind da auch noch mehr umbrüche aber ich hab sie im editor (pahse5) nicht gemacht! ?

warum sollten die zeilenumbrüche den unteren borderrand beieinflussen?

ok, im IE ist sind die lücken jetzt auch weg! fehlt nur noch der moz.!
 
Zuletzt bearbeitet:
warum die Zeilenumbrüche im Quelltext die Darstellung beeinflussen ist mir persönlich auch schleierhaft aber da kann man nix machen, wenns so ist dann ist es so :)
hm in meinem Mozialla siehts genauso aus wie in Opera ...
 
Original geschrieben von digleu

hm in meinem Mozialla siehts genauso aus wie in Opera ...
Zum Vergrößern anklicken....
ist das ein neuer browser? Mozialla? :)

welche version hast du? bei mir zeigt er die unteren abstände weiterhin an.

aus einem anderen forum habe ich diesen code als beispiel erhalten:
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: red;
}
.thumbs {
border: 1px dashed white;
width: 80px;
margin-bottom: 5px;
}

.thumbs img, .thumbs img a {
border: none;
}

-->
</style>
</head>

<body>
<div class="thumbs"><a href="#"><img src="1.jpg" alt="1" border="0"></a></div>
<div class="thumbs"><a href="#"><img src="2.jpg" alt="2" border="0"></a></div>
<div class="thumbs"><a href="#"><img src="1.jpg" alt="1" border="0"></a></div>
<div class="thumbs"><a href="#"><img src="2.jpg" alt="2" border="0"></a></div>
</body>
</html>

das funtz tatsächlich! hier
nur bei mir nicht!

mein code:

.thumb1 {

border: 1px dashed white;
width: 80px;
margin-bottom: 5px;




}


.thumb1 {

img, .thumbs img a
border: none;

}

<div class="thumb1"><a href="../kristin/thumbs_park/oberarzt.html" target="rechts">
<img src="../kristin/thumbs_park/oberarzt.jpg" border="0" alt="oberarzt"></a></div>

ich krieg das in meinem editor (phase5)nicht in eine zeile, bzw weiß ich nicht ob man einen zeilenumbruch dort verhindern kann. :-/
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben