nicht angemeldet
komischer Rand unter meinen Bildern
Guten Tag
ich hätte eine Frage zu den CSS.
ich schreibe zur zeit den Quelltext meiner Homepage nur dass komische ist, dass das unter jedem meiner bilder ein schwarzer Rand ist und dann kommt erst der border.
ich hab schon alles (padding, margin) versucht aber die gehen nicht weg.
Gruesse
euer Schorsch
-
Ich finde dein Problem nicht wichtig! Das ist nicht von belang
www.toll-toller.de
-
Ich habe das selbe Problem und es ist s**** wenn da so ein komischer Rand drunter ist also ist das meiner ansicht nach schon von belang!
Mfg Chriss
-
-
Hallo Georg,
ich schreibe zur zeit den Quelltext meiner Homepage nur dass komische ist, dass das unter jedem meiner bilder ein schwarzer Rand ist und dann kommt erst der border.
Es liegt an deinem HTML-Code. Oder an dem CSS. Oder am Bild. Vielleicht auch an was anderem. ;-) du verstehst ?
Gruß aus Köln-Ehrenfeld,
Elya
-
nein ich verstehe nicht
an den bilder liegt es nicht ich bin doch nicht blöd
ich hab den HTML und den CSS mehrmals überprüft aber ich konnte keine fehler finden
ich hab ja um des bild einen border gelegt und nur zwischen dem bild und dem unteren rand ist so ein schwarzer strich der etwa 1px beträgt-
Hallo Georg,
nein ich verstehe nicht
bist du meinem Link gefolgt? Gut, dann nicht. Was ich Dir durch die Blume sagen wollte: Ohne einen Schnipsel von Deinem Code oder einer Beispielseite können wir nur rumraten - das wird Dir vermutlich wenig helfen.
Bitte gib uns den problemrelevanten Code, besser einen Link zur Problemseite, damit wir Dir helfen können.
So verständlicher formuliert :-) ?
Gruß aus Köln-Ehrenfeld,
Elya
-
ich weiß ja net wo das problem liegt aber du kannst den quellcode gerne haben ich schicke ihn gleich nach
-
<body>
<div id="obenlinks">
<img src="wow.jpg" border="0" height="190"/>
</div>
<div id="untenlinks"></div>
<div id="start">
<div id="home">
Home
</div>
<div id="leiste">
<a href="WoW.html"> World of Warcraft</a>
<a href="Magic.html"> Magic</a>
<a href="Warhammer.html"> Warhammer</a>
<a href="Downloads.html"> Downloads</a>
<a href="Forum.html"> Forum</a>
<a href="Kontakt.html"> Kontakt</a>
<a href="Links.html"> Links</a></div>
</div><div id="werbung">
<div id="werbung1">
<a href="ajfjlaj.html"><img src="wow2.jpg" border="0" height="40"/></a>
<img src="magic.jpg" border="0" height="40"/>
<img src="war.gif" border="0" height="40"/>
</div></div>
<div id="text">
<div id="artikel1">
<div id="bild1">
<a href="wow.html"><img src="a.jpg" height="100" border="0"/></a>
</div>
<div id="text1">
Endlich! <br/>
Wir sind gerettet! <br/>
nach unenlicher Leidenszeit ohne WoW
11. Februar 2005
<strong>Unser</strong> Leben hat sich schlagartig geändert. Mit der Veröffentlichung von World of Warcraft<b/>
<a href="dsfjs.html">mehr</a>
</div>
</div>
<div id="artikel2">
<div id="bild1">
<a href="wow.html"><img src="c.gif" height="100" border="0"/></a>
</div>
<div id="text1">
lsa djfdjf jfjd djfsj ldjf lksdjf jdlsjf jsdlk jdlf jlfj <br />
ztrg flkjl
</div>
</div>
<div id="artikel3">
<div id="bild1">
<a href="dlfjsa.html"><img src="saljd.gif" height="100" border="0"/></a>
</div>
<div id="text1">
akfj sdlkfs dlkfj dasfjs dlfjlkfjsd jfkl jdfjlds fjldjf jj klf
</div>
</div>
<div id="artikel4">
<div id="bild1">
<a href="jdlf.html"><img src="sjflsdj.gif" height="100" border="0"/></a>
</div>
</div>
<div id="artikel5">
</div>
<div id="artikel6">
</div>
</div></body>
</html>und hier ist die css
body
{
height: 100%;
font-size: 100%;
font-family: Baskerville Old Face,Arial, Verdana, Ganeva;
color: white;
background: black;
}
a
{
text-decoration: underline;
font-weight: bold;
color: red;
background-color:transparent;
}a:hover
{
text-decoration: none;
background: transparent;
color: #A7A4E9;
font-weight: bold;
}
a: activate
{
text-decoration: underline;
font-weight: bold;
background: #e5e5e5;
color: red;
}
a:focus
{
text-decoration: underline;
font-weight: bold;
background: #e5e5e5;
color: red;
}
#start
{
position: absolute;
font-size: 0.9em;
font-family: Baskerville Old Face,Arial, Verdana, Geneva;
font-weight: bold;
text-decoration: none;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
left: 0px;
top: 200px;
height: auto;
width: 160px;
background: transparent;
}
#home
{
font-size: 0.9em;
font-family: Baskerville old face, arial, verdana, geneva;
font-weight: bold;
text-decoration: none;
left: 0px;
top: 200px;
background: #A0000C;
height: auto;
width: 160px;
border-style: solid;
border-color: white;
border-width: 0px 0px 1px 0px;
padding: 4px 0px 4px 5px;
}
#leiste
{
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
text-decoration: none;
height: auto;
width: 160px;background: #FF0030;
}
#leiste a
{
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
float: left;
color: white;
text-decoration: none;
border-style: solid;
border-color: white;
border-width: 0px 0px 1px 0px;
height: auto;
width: 160px;
padding: 4px 0px 4px 5px;
background: #FF0030;
}
#leiste a:hover
{
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
float: left;
color: white;
text-decoration: none;
border-style: solid;
border-color: white;
border-width: 0px 0px 1px 0px;
height: auto;
width: 160px;
padding: 4px 0px 4px 5px;
background: #A0000C;
}#werbung
{
position: absolute;
top: 0px;
left: 170px;
height: 40px;
width: 100%;
border-style: solid;
border-color: black;
border: 1px 1px 1px 1px;
padding: 0px 0px 0px 0px;
}
#text
{
position: absolute;
top: 60px;
left: 170px;
height: 870px;
width: 100%;
font-size: 0.9em;
font-family: baskerville old face, arial, verdana, geneva;
font-weight: bold;
float: left;
color: white;
text-decoration: none;
background: transparent;
border-style: solid;
border-color: yellow;
border: 1px 1px 1px 1px;
}
#artikel1
{
font-size: 0.9em;
font-weight: lighter;
font-family: baskerville old face, arial, verdana, geneva;
float: left;
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
position: absolute;
top: 20px;
left: 20px;
height: 150px;
width: 600px;
background-image: url(d.jpg);
}
#text1
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
left: auto;
height: auto;
width: auto;
padding: 0px 0px 0px 3px;
}
#bild1
{
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
top: 0px;
left: 0px;
height: auto;
width: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#artikel2
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
float: left;
background: transparent;
color: white;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
position: absolute;
left: 20px;
top: 190px;
height: 150px;
width: 600px;
background-image: url(d.jpg);
}
#obenlinks
{
position: absolute;
top: 0px;
left: 0px;
height: auto;
width: auto;
}
#werbung1
{
height: 40px;
width: auto;
float: left;
}
#artikel3
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 20px;
left: 640px;
height: 500px;
width: 200px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#artikel4
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 360px;
left: 20px;
height: 150px;
width: 300px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#artikel5
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 530px;
left: 20px;
height: 150px;
width: 180px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#artikel6
{
font-size: 0.9em;
font-weight: none;
font-family: baskerville old face, arial, verdana, geneva;
color: white;
position: absolute;
top: 530px;
left: 220px;
height: 150px;
width: 620px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
float: left;
background: transparent;
}
#untenlinks
{
position: absolute;
top: 400px;
left: 0px;
height: auto;
width: 164px;
border-style: solid;
border-color: yellow;
border-width: 1px 1px 1px 1px;
image: url(c:\meins\wow.jpg);
}
#untenlinks a:hover
{
background-image: url(c:\meins\wow3.jpg);
}h2
{
color: white;
text-decoration: none;
font-family: comic sans ms;
}
-
-
Hallo,
was Elya Dir sagen wollte: Deine Informationen reichen nicht aus, um Dir zielgerichtet helfen zu können.
Wie sieht Dein Code aus, welche Browser sind betroffen, etc...?
<Glaskugel>
Falls Mozilla, Opera, Safari, Konqueror betroffen sind:
< http://www.dodabo.de/html+css/img-table/>Falls der IE betroffen ist:
Zeilenumbrüche im Quelltext vor bzw. nach dem <img .../> ?</Glaskugel>
Viele Grüße
Carsten-
es sind alle browser betroffen
grüsse aus dem sonnigen oberen pfalz
totale bayern power-
Hallo,
es sind alle browser betroffen
Dann treffen alle Punkte, die mir meine Glaskugel offenbarten, zu.
Viele Grüße
Carsten
-
-
</Glaskugel>
hä
tri tra trullala
tri tra trullala
tri tra trullala
tri tra trullala
tri tra trullala
tri tra trullala
tri tra trullala-
Hallo,
</Glaskugel>
hä
Glaskugeln sind die billigen Varianten der Kristallkugeln, ihrs Zeichens wichtige Utensilien bei der Hellseherei. Leider sind sie häufig verschmutzt, in der Reparatur oder saisonbedingt zu Christbaumkugeln verarbeitet worden. Aber manchmal leisten sie doch gute Dienste.
Oder wolltest Du mich etwas anderes fragen? Meine Glaskugel ist just in diesem Moment kaputtgegangen...
Viele Grüße
Carsten
-
-
-
-