Tabellen Problem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktualisiert hast
anwendungsbeispiel
aufruf
austausch
beispiel
bild
border
einzelbild
fertige scripts
grafikprogramm
nebeneinander
pixel
position
rose
tabelle
tag
verweisen
zeile
zusammen
zweck
-
also bei Tabelen in HTML ist es ja so das sie standardm??ig gitternetzlinen haben dieman sich anzeigen lassen kann!!
ich m?chte allerdings die inhalte der einzellen tag/tabelle">tabellen zeilen und spalten so aeinander haben das man z.b. bei einem bild das ?ber mehere zeilen und salten geht nicht durch ein schwarzen strich, bzw wei?e trennline durchdrungen ist!! sondern es praktisch ein zusammen h?ngendes bild ergibt!!
wie ich das bei zellen hinbekomm die nebeneinder ligne wei? ich mittlerweile, doch ich habe es noch nicht hinbekommen das sie ?berender auch so naha aneinader liegen!!
wenn mir jemand helfen kann w?rde ich ich freuen -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Howl einsamerwolf1980!
In schn?dem HTML geht das so:
<table border="0" cellpadding="0" cellspacing="0" summary="">...
border="0" l?sst die Linien verschwinden.
cellpadding="0" setzt die Innenabst?nde zwischen Tabellenzelleninhalt und Tabellen-Border auf 0 Pixel.
cellspacing="0" setzt die Abst?nde innerhalb der Tabellen-Rahmen ("borders") auf 0 Pixel.
In CSS sieht das Ganze so aus:
table
{
border-spacing: 0px; /* simuliert cellspacing */
}
td,th
{
border-width: 0px;
padding: 0px;
}
MfG
alopex -
das was du da wegen html gesagt hast habe ich probiert das bringt die zellen die nebeneinader liegen nur zusammen!! aber nicht die die ?ber ein ander sind!!
-
Kannst du mal den Quellcode posten? Oder einen Link auf die Seite? Denn soweit ich wei?, hat das auf vertikale und horizontale Abst?nde im gleichen Ma?e Auswirkung. Beim CSS dagegen w?re es m?glich, dass man oben, unten, links und rechts getrennt einstellen kann. Aber vielleicht hast du schon ein StyleSheet eingebunden, wo genau das geschieht?
-
http://einsamerwolf1980.pyrokar.lima-city.de/Unbenannt2.html
hier ist ein beispiel an em ich rumprobiert habe!!! -
ich vermute mal das du es schon Aktualisiert hast, da es bei mir perfekt aneinander passt. Ich w?rde sicherheitshalber, falls ein Bild nicht aufgerufen werden kann, die Weite und die h?he noch einstellen (bei den Bildern.)
-
ich hab nix aktualisiert!! die nebeneinander liegeneden bilder h?ngne zusammen bei mir aber nicht die ?bereinander liegenden!!
da ist bei mir wenn ich das aufrufe ein wei?er strich dazwichsen!! -
Funktionierts vielleicht mit dem Attribut rowspan="n"? Beschrieben steht das beispielsweise bei selfhtml (mit einem Beispiel):
http://de.selfhtml.org/html/tabellen/zellen_verbinden.htm#zeilenweise
-
Moin einsamerwolf1980!
Also, ich habe deinen angegebenen Link in 3 Browsern ausprobiert. Bei allen siehts genau so aus wie hier:
http://alopex.pyrokar.lima-city.de/img.php/einsamerwolf1980_tabellenproblem_00001.gif
Keine wei?en R?nder ...
Jetzt wei? ich auch nicht mehr weiter.
MfG
alopex -
Moin einsamerwolf1980!
Also, ich habe deinen angegebenen Link in 3 Browsern ausprobiert. Bei allen siehts genau so aus wie hier:
http://alopex.pyrokar.lima-city.de/img.php/einsamerwolf1980_tabellenproblem_00001.gif
Keine wei?en R?nder ...
Jetzt wei? ich auch nicht mehr weiter.
MfG
alopex
so solls ja auch aussehen be mir sieht es alerdings so aus wenn ich meinen link ?ffne und das versteh ich halt nicht!!!
http://einsamerwolf1980.pyrokar.lima-city.de/Unbenannt1.jpg -
Im HTML-Quellcode m?ssen die img-Tags ohne Leerzeichen direkt zwischen den td-Tags stehen:
<td><img ... /></td>
und nicht:
<td><img ... /> </td>
Dass der MSIE noch solche Probleme hat, wusste ich gar nicht. -
rofl!!
ja das war der fehler!!! sowas bl?des!! nur wegen nem d?mlichen leerzeichen!!!
naja weil das hier so gut klappt erweiter ich das problem mal!!
Wenn man den nachfolgenen link ?ffnet sieht man zwei rosen und die 4 einzelbilder aus meinem vorherigem problem!!!
wenn man nur mit der maus ?ber eine der rosen geht verschwindet die rose in der mitte und es erscheinen nur die 4 einzelbilder so wie sie sollen!! nimmt man nun die maus wieder weg sieht man nur die zwei rosen!!
mein problem dabei ist!! das beim aufruf der seite nur die beiden rosen auftauchen sollen wenn man mit der maus ?ber eine der rosen geht soll die rose in der ecke bleiben und die 4 einzelbilder sollen an den positionen in der tabelle erscheinen!!
http://einsamerwolf1980.pyrokar.lima-city.de/Test2.html
grund f?r das ungew?hnliche an der sache ist das ich ungef?hr folgendes realisieren m?chte!!!
http://einsamerwolf1980.pyrokar.lima-city.de/homepage.jpg
m?chte allerdings keine bilder sondern variablen text in den bereich reinbringen1!! -
Kannst du dich mit CSS anfreunden? Dann k?nntest du :hover verwenden:
===========
CSS:
===========
#rose1:hover {
content: "Dein Text";
}
===========
HTML:
===========
...
<td id="rose1"><img ... /></td>
...
:hover
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
-
werd mal bei gelgenheit mich mit CSS auseinader setzen doch im moment ist HTML einfach leichter f?r mich zu verstehen und eventuell etwas umzu?ndern!!!
ich versteh zwar wo id="rose1" eingef?gt werden soll allerdngs verseh ich nicht ob das ganze noch irgend wo anderes ein verweis drauf sein mu?!!!
k?nntest ja mal folgende zeile anpassen falls das gen?gt!! das die zeile in der bild un rose zusammen sind!!
<td onmouseover="ein('pad00', 'pad01', 'pad02', 'pad03', 'pad10')" onmouseout="aus('pad00', 'pad01', 'pad02', 'pad03', 'pad10')"><div id="pad00" name="pad00"><img src="mafiak1.jpg"></div><div id="pad10" name="pad10"><img src="blume009.gif"></div></td>
wenn du zeit und lust hast k?nntest ja auchmal mein 2. beispiel aus meinem vorrangeganen post versuchen zu programieren!!
der text soll ja ?ber den gesamten makierten bereich gehen!!! -
Sorry, hat ein bisschen gedauert, aber ich hab einfach nichts Konkretes gefunden. Daher eine Linkliste mit Sites, die sich mit DHTML besch?ftigen:
http://www.jswelt.de/index.php
http://www.scriptindex.de/scripts/index.php
http://aktuell.de.selfhtml.org/links/dhtml.htm
http://www.javascriptkit.com/dhtmltutors/
(englisch)
Dort sind viele Anwendungsbeispiele und fertige Scripts. M?glicherweise l?sst sich eines f?r deine Zwecke verwenden.
Wie schon gesagt: Aus meiner Sicht bietet :hover die einfachste L?sung.
Eine andere "einfache" L?sung w?re, die Texte, die anstelle der Grafiken erscheinen sollen, in einem Grafikprogramm als Bild zu erstellen. Dann kann man sie einfach mit JavaScript austauschen.
Die eleganteste, aber auch komplizierteste L?sung ist dynamisches HTML. Ich habe das aber schon seit 2000 nicht mehr gemacht. Vielleicht findest du ja auf den oben genannten Sites was dazu.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
