html prob!

[benschman]

hey leute!

brauch mal schnell eure hilfe:

guckt euch mal das bild ( http://www.ewg-sha.de/uploads/shit.jpg )an.

das prob is dass ich in der tabelle keinen tabellenabstand will, also dass der inhalt der tabelle direkt am rand ist, und nicht diese komischen ecken entstehen.

das ergebnis sollten eigentlich abgerundete ecken sein (hier sind es einzelne bilder)


ich hab mal davon gehört dass man das auch mit css oda html machen kann..
wie geht das ohne groß stylesheets einsetzen zu müssen?

cellpadding un cellspacing is auf 0


grüße

 

[Flixus]

hey leute!

brauch mal schnell eure hilfe:

guckt euch mal das bild ( http://www.ewg-sha.de/uploads/shit.jpg )an.

das prob is dass ich in der tabelle keinen tabellenabstand will, also dass der inhalt der tabelle direkt am rand ist, und nicht diese komischen ecken entstehen.

das ergebnis sollten eigentlich abgerundete ecken sein (hier sind es einzelne bilder)


ich hab mal davon gehört dass man das auch mit css oda html machen kann..
wie geht das ohne groß stylesheets einsetzen zu müssen?

cellpadding un cellspacing is auf 0


grüße

Hi, entweder du gibst den tabellen feste breiten mit width="??px", jenach dem ob du da bilder drin hast...

oder du machst 1. align="left" 2. align="right"

oder am besten machst drei spalten und machst die in der mitte width="100%"....

Mfg

 

[BunGEe]

ich hab mal davon gehört dass man das auch mit css oda html machen kann..
wie geht das ohne groß stylesheets einsetzen zu müssen?

Warum nicht mit css? Ist doch recht leicht und du kannst das Layout klar vom Inhalt treffen.

 

[Flixus]

ich hab mal davon gehört dass man das auch mit css oda html machen kann..
wie geht das ohne groß stylesheets einsetzen zu müssen?

Warum nicht mit css? Ist doch recht leicht und du kannst das Layout klar vom Inhalt treffen.

Na ja css lohnt sich nur wenn wirklich das layout überall so gleich ist und sich die größe nicht dynamisch ändert...

bei solchen sachen wie mit den runden ecken würd ich keine css machen...da ists mit nem align schneller gemacht...als da css anzufangen...und am ende braucht man alles nicht wenn du dazichen eine table oder td machst die 100%...drückts die, wo die ecken drin sind automatisch genaue größe...

MfG

 

[benschman]

was ich vergessen hatte zu erwähnen: das prob besteht nur beim inter explorer! bei netscape geht alles ..

ach und das mit dem dritten <td> und width=100% geht nicht!!

da bleibt beim IE trotzdem am rand so zwei kleine ecken übrig, also
bgcolor ist in dem grün wie auch die ecken sind.. und diese dinger entsehen durch bgcolor! aber ohne bg gehts nicht, auch wenn ich als background pics reinhau...

wie geht die version mit css??

 

[Flixus]

was ich vergessen hatte zu erwähnen: das prob besteht nur beim inter explorer! bei netscape geht alles ..

ach und das mit dem dritten <td> und width=100% geht nicht!!

da bleibt beim IE trotzdem am rand so zwei kleine ecken übrig, also
bgcolor ist in dem grün wie auch die ecken sind.. und diese dinger entsehen durch bgcolor! aber ohne bg gehts nicht, auch wenn ich als background pics reinhau...

wie geht die version mit css??

also wenn du

<table width=100%>
<tr>
<td width=100% align=center>
<table width=800px>
<tr>
<td>ecke links</td>
<td width=100%> </td>
<td>ecke rechts</td>
</tr>
</table>
</td>
</tr>
</table>

dannn sollte das geh, bevor du das nicht ohne css hinbekommst, weiste ja auch net was Du in css schreiben sollst...

ansonsten mal dein code posten

 

[benschman]

was ich vergessen hatte zu erwähnen: das prob besteht nur beim inter explorer! bei netscape geht alles ..

ach und das mit dem dritten <td> und width=100% geht nicht!!

da bleibt beim IE trotzdem am rand so zwei kleine ecken übrig, also
bgcolor ist in dem grün wie auch die ecken sind.. und diese dinger entsehen durch bgcolor! aber ohne bg gehts nicht, auch wenn ich als background pics reinhau...

wie geht die version mit css??

also wenn du

<table width=100%>
<tr>
<td width=100% align=center>
<table width=800px>
<tr>
<td>ecke links</td>
<td width=100%> </td>
<td>ecke rechts</td>
</tr>
</table>
</td>
</tr>
</table>

dannn sollte das geh, bevor du das nicht ohne css hinbekommst, weiste ja auch net was Du in css schreiben sollst...

ansonsten mal dein code posten

<table border="1" cellpadding="0" background="line.jpg" cellspacing="0" align="center" width="800" height="33">
<tr>
<td width="400" align="left" style="padding-right:0px"><img src="corner4.jpg" align="left"></td>
<td width="100%"> </td>
<td width="400" align="right"><img src="corner3.jpg" align="right"></td>
</tr>
</table>

wie du siehst hab ichs auch schon mit css-formatierung versucht..
aber das bringt auch nichts!
warum geht es im Nestscape aber im IE nicht..

 

[Flixus]

<table border="1" cellpadding="0" background="line.jpg" cellspacing="0" align="center" width="800" height="33">
<tr>
<td width="400" align="left" style="padding-right:0px"><img src="corner4.jpg" align="left"></td>
<td width="100%"> </td>
<td width="400" align="right"><img src="corner3.jpg" align="right"></td>
</tr>
</table>

<table border="1" cellpadding="0" background="line.jpg" cellspacing="0" align="center" width="800">
<tr>
<td align="left" height="33"><img src="corner4.jpg" ></td>
<td width="100%"> </td>
<td align="right"><img src="corner3.jpg"></td>
</tr>
</table>

 

[marky68]

hach ja, modernes xhtml ist schon ne feine sache..... (vorsicht, ironie!)

 

[skicu]

Wenns unbedingt Tabellen sein müssen...

... wesentlich eleganter gehts natürlich mit CSS!

 

[benschman]

<table border="1" cellpadding="0" background="line.jpg" cellspacing="0" align="center" width="800" height="33">
<tr>
<td width="400" align="left" style="padding-right:0px"><img src="corner4.jpg" align="left"></td>
<td width="100%"> </td>
<td width="400" align="right"><img src="corner3.jpg" align="right"></td>
</tr>
</table>

<table border="1" cellpadding="0" background="line.jpg" cellspacing="0" align="center" width="800">
<tr>
<td align="left" height="33"><img src="corner4.jpg" ></td>
<td width="100%"> </td>
<td align="right"><img src="corner3.jpg"></td>
</tr>
</table>

ah okey, DANKE!! jetz gehts!

grüße
ben

 

[Flixus]

<table border="1" cellpadding="0" background="line.jpg" cellspacing="0" align="center" width="800" height="33">
<tr>
<td width="400" align="left" style="padding-right:0px"><img src="corner4.jpg" align="left"></td>
<td width="100%"> </td>
<td width="400" align="right"><img src="corner3.jpg" align="right"></td>
</tr>
</table>

<table border="1" cellpadding="0" background="line.jpg" cellspacing="0" align="center" width="800">
<tr>
<td align="left" height="33"><img src="corner4.jpg" ></td>
<td width="100%"> </td>
<td align="right"><img src="corner3.jpg"></td>
</tr>
</table>

ah okey, DANKE!! jetz gehts!

grüße
ben

Freu, und damit das dann mit CCS geht brauchste dir eigentlich nur wie bsp:

<td align="left" height="33"><img src="corner4.jpg" ></td>


css datei...

td.cEckeLinks
{
text-align:left;
height:33px;
background-image: url("corner4.jpg");
}

deine td dann einfach <td class="cEckeLinks"></td>

und das machste mit der anderen auch und schon kannste dann das einfach wo du es brauchst einsetzen...VORTEIL: musste dein cod nur an einer stelle ändern...

MfG & Gn8