 Tabellen mit Rand |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML  |
 13.11.2003 - 12:46
Beitrag
#1
|
|
|
Rookie Gruppe: User Beiträge: 3 Mitglied seit: 29.10.2003 Mitglieds-Nr.: 1.569  |
Hi,
ich habe eine Tabelle mit 5 Zeilen und "Javascriptverschönerung". Nun möchte ich einen kleinen Rand um dieTabelle haben. Wenn ich mit dem sogenannten Borderwert arbeite, habe ich den Effekt in allen Zeilen, den will ich aber nicht. Ich möchte das links rechts und oben und unten ein Rand um die ganze Tabelle definiert ist, wie stelle ich das an? Danke........ |
 |
 
|
|
13.11.2003 - 14:56
Beitrag
#2
|
|
|
Rookie Gruppe: User Beiträge: 8 Mitglied seit: 13.06.2003 Mitglieds-Nr.: 766 |
Recht einfach, falls du folgendes meinst:
<table style="border:1px solid #FF0000;" > <tr> <td>Test</td> <td>Test</td> </tr> <tr> <td>Test</td> <td>Test</td> </tr> </table> |
|
|
|
|
13.11.2003 - 15:46
Beitrag
#3
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad!  Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
Nee, er meint glaube ich:
QUELLTEXT <div style="border:1px solid #FF0000;" >
<table border="0"> <tr> <td>Test</td> <td>Test</td> </tr> <tr> <td>Test</td> <td>Test</td> </tr> </table> </div> cu Conny |
|
|
|
|
13.11.2003 - 15:53
Beitrag
#4
|
|
|
Rookie Gruppe: User Beiträge: 8 Mitglied seit: 13.06.2003 Mitglieds-Nr.: 766 |
@ Conny:
passt irgendwie zu meinem Beitrag, wo ich mich über Layer vs Tabellen ausgelassen hab. Bleibt zu hoffen, dass dein Vorschlag mit allen möglichen Browsern gleich gut funktioniert... :wink: Gruß Mike |
|
|
|
|
13.11.2003 - 16:00
Beitrag
#5
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad! Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
@Unclickable
Das geht! Im gleichen anderen Beitrag habe ich auch schon geschrieben! Die beispiel Webs. die ich dort angegeben habe, zeigen mitunter genau dieses verhalten (div's mit border und blinde Tabellen) und alles dreifach getestet! IE, Opera, Mozilla. cu Conny |
|
|
|
|
15.11.2003 - 15:31
Beitrag
#6
|
|
|
Rookie Gruppe: User Beiträge: 3 Mitglied seit: 29.10.2003 Mitglieds-Nr.: 1.569 |
ZITAT Nee, er meint glaube ich:
QUELLTEXT <div style="border:1px solid #FF0000;" >
<table border="0"> <tr> <td>Test</td> <td>Test</td> </tr> <tr> <td>Test</td> <td>Test</td> </tr> </table> </div> cu Conny Sorry Conny, aber das hat so nicht funktioniert. Ich konnte nur einen Erfolg mit unclickables Variante erziehlen. Aber hab trotzdem vielen Dank. Natürlich auch Danke an unclickable. Gruss Xyberlord |
|
|
|
|
15.11.2003 - 20:15
Beitrag
#7
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad! Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
Hi,
ZITAT Sorry Conny, aber das hat so nicht funktioniert. Ich konnte nur einen Erfolg mit unclickables Variante erziehlen. Aber hab trotzdem vielen Dank. Natürlich auch Danke an unclickable.
Gruss Xyberlord Versteh ich nicht! Was hat denn da nicht funktioniert??? Falls Du meinst, daß das DIV über die ganze breite der Seite geht und die Tabelle nur so breit wird wie der darin vorhandnen Text, kann Dir geholfen werden: QUELLTEXT <div style="border:4px solid #FF0000; width:108px;">
<table border="0" width="100px"> <tr> <td>Test</td> <td>Test</td> </tr> <tr> <td>Test</td> <td>Test</td> </tr> </table> </div> Du machst einfach eine width Angabe. Achte darauf, daß im DIV auf die Tabellenweite die Borderstärke des DIVs mal 2 drauf gelegt wird! (Sehe Beispiel!) Das Ergebnis: 
Oder hattest Du da noch ein anderes Problem? cu Conny |
|
|
|
|
19.11.2003 - 11:03
Beitrag
#8
|
|
|
Rookie Gruppe: User Beiträge: 3 Mitglied seit: 29.10.2003 Mitglieds-Nr.: 1.569 |
Hi Conny,
QUELLTEXT Oder hattest Du da noch ein anderes Problem?
ja habe ich wahrscheinlich. Aber ich kann es nicht lösen. Ich habe es nun auch mit deiner Variante hinbekommen, nun habe ich aber das Problem das meine Tabelle nicht mehr mittig angezeigt wird sondern ganz links. Um Dir das mal etwas näherzubringen habe ich meine code beigefügt.... QUELLTEXT <BODY marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" text=#ffffff link=#000099 alink=#000099 vlink=#000099 background="../bilder/hintergr3.JPG" >
<div align="center" style="border:1px solid #212973; width:100px;"> <table class="kopf" border="0" cellpadding="0" cellspacing="0" width="100"> <td div align="left" class="hbutton">Home</td> <tr bgcolor="#ffffff"> <td bgcolor="#ffffff" onclick="this.bgColor='#FFCE3C'","location.href=index.htm" onmouseover="this.bgColor='#FFCE3C'" onmouseout="this.bgColor='#ffffff'" style=""><font><div align="left"><a href=../htm_dokumente/ueberuns.htm target=z class="ubutton" title="Infos zu dieser Website" onmouseover="window.status='Infos zu dieser Website'; return true;" onmouseout="window.status=''; return true;">Über Uns</a></font></td> </tr> <tr bgcolor="#ffffff"> <td bgcolor="#ffffff" onclick="this.bgColor='#FFCE3C'","location.href=index.htm" onmouseover="this.bgColor='#FFCE3C'" onmouseout="this.bgColor='#ffffff'" style=""><font><div align="left"><a href=../htm_dokumente/partner.htm target=z class="ubutton" title="Unsere Partner" onmouseover="window.status='Partner'; return true;" onmouseout="window.status=''; return true;">Partner</a></font></td> </tr> <tr bgcolor="#ffffff"> <td bgcolor="#ffffff" onclick="this.bgColor='#FFCE3C'","location.href=index.htm" onmouseover="this.bgColor='#FFCE3C'" onmouseout="this.bgColor='#ffffff'" style=""><font><div align="left"><a href=../htm_dokumente/links.htm target=z class="ubutton" title="Interessantes und Nützliches" onmouseover="window.status='Links'; return true;" onmouseout="window.status=''; return true;">Links</a></font></td> </tr> Was ist nun falsch? Danke |
|
|
|
|
19.11.2003 - 13:49
Beitrag
#9
|
|
|
Ausnahme Poster  Gruppe: User Beiträge: 150 Mitglied seit: 24.10.2003 Wohnort: Berlin Mitglieds-Nr.: 1.544 |
ZITAT nun habe ich aber das Problem das meine Tabelle nicht mehr mittig angezeigt wird sondern ganz links. Um Dir das mal etwas näherzubringen habe ich meine code beigefügt.... Der Code sieht etwas kapott aus. Zum einen fehlen teilweise tr-Elemente, zum anderen macht der JavaScript-Code nicht wirklich Sinn. Desweiteren solltest Du Deine Finger von der Statusleiste lassen. Die ist Teil der Benutzeroberfläche und enthält wichtige Informationen. Manipulationen daran verschlechtern die Benutzbarkeit Deiner Seite, also laß es lieber. Nur mal als Beispiel, wie man es vielleicht machen könnte, zuerst das Stylesheet (entweder extern oder im Kopf des HTML-Dokuments): QUELLTEXT #kopf {text-align: center}
#kopf table {margin: 0 auto; border-spacing: 0; border: 1px solid #227} #kopf td {padding: 0; background: white} #kopf td:hover {background: #FC3} #kopf td.hbutton:hover {background: white} Und hier der zugehörige HTML-Code: QUELLTEXT <div id="kopf">
<table> <tr><td class="hbutton">Home</td></tr> <tr><td><a href="../htm_dokumente/ueberuns.htm" title="Infos zu dieser Website">Über Uns</a></td></tr> <tr><td><a href="../htm_dokumente/partner.htm" title="Unsere Partner">Partner</a></td></tr> <tr><td><a href="../htm_dokumente/links.htm" title="Interessantes und Nützliches">Links</a></td></tr> </table> </div> HTH n! |
|
|
|
|
19.11.2003 - 14:26
Beitrag
#10
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad! Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
ZITAT ... nun habe ich aber das Problem das meine Tabelle nicht mehr mittig angezeigt wird sondern ganz links. Vor dem Tag: QUELLTEXT <div align="center" style="border:1px solid #212973; width:100px;">
Stellst Du: QUELLTEXT <center> <div style="border:1px solid #212973; width:100px;">
(das align="center" im DIV-Tag kannst Du raus nehmen) Hinter dem </DIV> kommt natürlich auch: </center> ! Damit wird alles zentriert dargestellt; ansonnsten ist es schon auch so wie Netizen schreibt, halte Deine Code sauber! Weiche minimal vom Grundprinzip ab, mache kleine schritte und immer wieder Testen! Versuche Probleme 'einfach' zu lösen! Think simple! (wie z.B. das einfügen eines 'center' Tags, anstatt align="center"!) cu Conny |
|
|
|
| Google Bot |
Beitrag
#
|
 Google Ads |
|
|
|
|
|
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 20.04.2024 - 4:22 |