CSS Problem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aufgefallen
bild
code
erstes bild
http
impressum
kontakt
machen
paar
position
positionieren
rechts copyright
setzen
spalte
story
struktur
tabelle
tag
url
willkommen code
-
Hey, ich hab ein Problem und komme nicht weiter.
Ich hab meine Seite so umgeschrieben: tag/http">http://bigbossmonster.tk/Story/Seite1.html
Hab in CSS eingeben, dass die Grüne Zeile unten kommen soll.
Aber irgendwie geht das nicht, wenn das Table da ist.
Das geht aber nur, wenn ich das Table weg mache.
Bei Firefox kommt da die Meldung, dass da ein DIV Satz eindeckt wurde.
Da ist aber keiner.
Kann mir jemand helfen?
Gruß LeyUp -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du solltest im Quelltext den Footer NACH der Tabelle reinschreiben. Was im Quelltext weiter oben steht, wird zuerst angezeigt.
Im Moment ist dein Footer im Quelltext über der Tabelle, deswegen wird er auch über der Tabelle dargestellt. -
Mir ist da auch nen bissl was aufgefallen.
Du hast diverse Tags nicht geschlossen.
Unter anderem ist Dein Table Tag und ein Div Tag nicht geschlossen.
Zusätzlich sind in der Tabelle ein paar Fehler, dort öffnest Du auch <tr>, schliesst es aber nicht.
Hier fehlte das </div>
<div id="info"> <h2>Willkommen</h2> </div>
Wenn ich alle Tags schließe, ist der Footer auch unten.
Siehe Bild, fehlen halt Deine Bilder ectr. Aber die Struktur steht.
http://prntscr.com/18j0oz
Vielleicht hilft Dir das ja weiter.
Gruß Marco
-
aff3m1tw4ff3 schrieb:
Mir ist da auch nen bissl was aufgefallen.
Du hast diverse Tags nicht geschlossen.
Unter anderem ist Dein Table Tag und ein Div Tag nicht geschlossen.
Zusätzlich sind in der Tabelle ein paar Fehler, dort öffnest Du auch <tr>, schliesst es aber nicht.
Hier fehlte das </div>
<div id="info"> <h2>Willkommen</h2> </div>
Wenn ich alle Tags schließe, ist der Footer auch unten.
Siehe Bild, fehlen halt Deine Bilder ectr. Aber die Struktur steht.
http://prntscr.com/18j0oz
Vielleicht hilft Dir das ja weiter.
Gruß Marco
Oh, Stimmt. Danke jetzt geht es.
Wenn ich jetzt ein großes Bild direkt neben einander haben will.
Ist ist über Table möglich? Ohne, das die anderen Bilder ihre Position ändern?
Gruß LeyUp
Beitrag zuletzt geändert: 6.6.2013 13:52:46 von skateen -
Sorry versteh leider nicht ganz was Du meinst.
Wenn Du die Tabelle meinst, mit den 3 Bildern nebeneinander und willst da ein 4tes dazu haben, dann kannst Du ja einfach eine Spalte dazu setzen.
<!--Sicher nicht Valide, aber als Bsp. ausreichend --> <table width="300"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> </table>
Wenn Du nur Bilder positionieren willst, würde ich allerdings einfach Div´s und CSS nutzen.
Macht sich am Ende leichter und schöner als mit Tabellen.
Gruß
-
aff3m1tw4ff3 schrieb:
Sorry versteh leider nicht ganz was Du meinst.
Wenn Du die Tabelle meinst, mit den 3 Bildern nebeneinander und willst da ein 4tes dazu haben, dann kannst Du ja einfach eine Spalte dazu setzen.
<!--Sicher nicht Valide, aber als Bsp. ausreichend --> <table width="300"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> </table>
Wenn Du nur Bilder positionieren willst, würde ich allerdings einfach Div´s und CSS nutzen.
Macht sich am Ende leichter und schöner als mit Tabellen.
Gruß
Wenn ich das als Div Task eingebe:<div style="position: absolute; left: 0px; top: 0px;">
Wird das Bild links an der Ecke angezeigt.
Aber wenn ich mit Bezug auf CSS gehe mit den Task
kann man den anderen Task schlecht einsetzen.<div id=Info>
,weil es beim Zoom trotzen die Position ändert.
Welchen Div Task wäre für ein großes Bild am besten?
Gruß LeyUp
Beitrag zuletzt geändert: 6.6.2013 14:40:24 von skateen -
Hi,
so richtig verstehe ich dich leider nicht. Hast Du schon was fertig wo man sich den Code mal anschauen kann? Nen paar Div´s nebeneinander und Bilder rein, so habe ich das jetzt verstanden.
Bissl HTML
<!-- nur ein Bsp., da ist nix Valide --> <div> <div class="erstes"> <p> Dein erstes Bild </p> </div> <div class="rechts"> <p> Noch ein Bild </p> </div> <div class="rechts"> <p> Noch ein Bild </p> </div> <div class="rechts"> <p> Noch ein Bild </p> </div> </div>
und nen bissl CSS dazu:
.erstes { width:150px; float:left; } .rechts { width:150px; float:left; margin-left:10px; }
Wäre jetzt mal mein Ansatz für die Bilder.
Was Du dann in den einzelnen DIV machst, kannst Du ja nach Bedarf über die CSS steuern.
LG -
aff3m1tw4ff3 schrieb:
Hi,
so richtig verstehe ich dich leider nicht. Hast Du schon was fertig wo man sich den Code mal anschauen kann? Nen paar Div´s nebeneinander und Bilder rein, so habe ich das jetzt verstanden.
Bissl HTML
<!-- nur ein Bsp., da ist nix Valide --> <div> <div class="erstes"> <p> Dein erstes Bild </p> </div> <div class="rechts"> <p> Noch ein Bild </p> </div> <div class="rechts"> <p> Noch ein Bild </p> </div> <div class="rechts"> <p> Noch ein Bild </p> </div> </div>
und nen bissl CSS dazu:
.erstes { width:150px; float:left; } .rechts { width:150px; float:left; margin-left:10px; }
LG
Ich bekomme das nicht hin, auf der Seite http://bigbossmonster.tk/Story/ ein großes Bild an der rechten Seite zu machen.
-
Wie gesagt ich würde das nicht mit einer Tabelle machen. Aber wenns denn dann sein muss,
dann würde es auf die schnelle so gehen:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Big BOSS Monster</title> <link href="css.css" type="text/css" rel="stylesheet" /> <link rel="shortcut icon" href="ico.ico" type="image/x-icon"> <style type="text/css"> .erstes { float:left; margin-bottom:10; } .rechts { height:350px; float:left; border:thin solid black; margin-left:10px; } .clear { clear: both; } </style> </head> <body> <link href="css.css" type="text/css" rel="stylesheet" /> <div id="logo"> </div> <div id="navi"> <a href="index.html"><b><img style="border:0px solid #333;" src="Bilder/1.png" alt="" /></b></a> <a href="Seite1.html"><b><img style="border:0px solid #333;" src="Bilder/2.png" alt="" /></b></a> <a href="http://skateen-germany.spreadshirt.de/"><b><img style="border:0px solid #333;" src="Bilder/3.png" alt="" /></b></a> <a href="Seite4.html"><b><img style="border:0px solid #333;" src="Bilder/4.png" alt="" /></b></a> <a href="Seite5.html"><b><img style="border:0px solid #333;" src="Bilder/5.png" alt="" /></b></a> <a href="Seite7.html"><b><img style="border:0px solid #333;" src="Bilder/7.png" alt="" /></b></a> <a href="Seite8.html"><b><img style="border:0px solid #333;" src="Bilder/8.png" alt="" /></b></a> <a href="Seite9.html"><b><img style="border:0px solid #333;" src="Bilder/9.png" alt="" /></b></a> <a href="Seite10.html"><b><img style="border:0px solid #333;" src="Bilder/10.png" alt="" /></b></a> <a href="Seite11.html"><b><img style="border:0px solid #333;" src="Bilder/11.png" alt="" /></b></a> </div> <div id="info"> <h2>Willkommen</h2> </div> <div class="erstes"> <table> <tr> <td> <a href="1.html"> <img onmouseover="this.src='C/1.png';" onmouseout="this.src='C/1.png';" src="C/1.png" alt="" width="150" height="200" /></a> </td> <td> <a href="2.html"> <img onmouseover="this.src='C/2.png';" onmouseout="this.src='C/2.png';" src="C/2.png" alt="" width="150" height="200" /></a> </td> <td> <a href="3.html"> <img onmouseover="this.src='C/3.png';" onmouseout="this.src='C/3.png';" src="C/4.png" alt="" width="150" height="200" /></a> </td> </tr> <tr> <td> <a href="4.html"> <img onmouseover="this.src='C/4.png';" onmouseout="this.src='C/4.png';" src="C/4.png" alt="" width="150" height="200" /></a> </td> <td> <a href="5.html"> <img onmouseover="this.src='C/5.png';" onmouseout="this.src='C/5.png';" src="C/5.png" alt="" width="150" height="200" /></a> </td> <td> <a href="6.html"> <img onmouseover="this.src='C/6.png';" onmouseout="this.src='C/6.png';" src="C/6.png" alt="" width="150" height="200" /></a> </td> </table> </div> <div class="rechts"> <p> Ein Bild rechts </p> </div> <div class="clear"></div> <strong><span style="font-size: x-small;"> <a style="font-weight: normal; font-size: small; " href="javascript: var kleinesfenster = window.open('http://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/photo.php?fbid=658254090854597&set=a.658253907521282.1073741825.285165354830141&type=1&theater','_blank', 'width=750,height=500,resizable=yes,status=no,menubar=yes,location=no,scrollbars=yes,toolbar=no') "><img style="border: 0px initial initial;" src="http://skateen.lima-city.de/Browsergame1/Post.png" alt="" width="75" height="21" /></a></span></strong></div> </div> </div> <div> <div id="foot">Copyright by <a href="https://www.facebook.com/dcLeyup"><b>LeyUp</a> and Leysta Germany <a href="Kontakt.html"><b>Kontakt</a> <a href="imp.html"><b>Impressum</a> </div> </body> </html>
Bsp: http://www.pennereck.de/bsp_lima.html
Aber schön ist halt anders würde ich sagen
LG -
aff3m1tw4ff3 schrieb:
Wie gesagt ich würde das nicht mit einer Tabelle machen. Aber wenns denn dann sein muss,
dann würde es auf die schnelle so gehen:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Big BOSS Monster</title> <link href="css.css" type="text/css" rel="stylesheet" /> <link rel="shortcut icon" href="ico.ico" type="image/x-icon"> <style type="text/css"> .erstes { float:left; margin-bottom:10; } .rechts { height:350px; float:left; border:thin solid black; margin-left:10px; } .clear { clear: both; } </style> </head> <body> <link href="css.css" type="text/css" rel="stylesheet" /> <div id="logo"> </div> <div id="navi"> <a href="index.html"><b><img style="border:0px solid #333;" src="Bilder/1.png" alt="" /></b></a> <a href="Seite1.html"><b><img style="border:0px solid #333;" src="Bilder/2.png" alt="" /></b></a> <a href="http://skateen-germany.spreadshirt.de/"><b><img style="border:0px solid #333;" src="Bilder/3.png" alt="" /></b></a> <a href="Seite4.html"><b><img style="border:0px solid #333;" src="Bilder/4.png" alt="" /></b></a> <a href="Seite5.html"><b><img style="border:0px solid #333;" src="Bilder/5.png" alt="" /></b></a> <a href="Seite7.html"><b><img style="border:0px solid #333;" src="Bilder/7.png" alt="" /></b></a> <a href="Seite8.html"><b><img style="border:0px solid #333;" src="Bilder/8.png" alt="" /></b></a> <a href="Seite9.html"><b><img style="border:0px solid #333;" src="Bilder/9.png" alt="" /></b></a> <a href="Seite10.html"><b><img style="border:0px solid #333;" src="Bilder/10.png" alt="" /></b></a> <a href="Seite11.html"><b><img style="border:0px solid #333;" src="Bilder/11.png" alt="" /></b></a> </div> <div id="info"> <h2>Willkommen</h2> </div> <div class="erstes"> <table> <tr> <td> <a href="1.html"> <img onmouseover="this.src='C/1.png';" onmouseout="this.src='C/1.png';" src="C/1.png" alt="" width="150" height="200" /></a> </td> <td> <a href="2.html"> <img onmouseover="this.src='C/2.png';" onmouseout="this.src='C/2.png';" src="C/2.png" alt="" width="150" height="200" /></a> </td> <td> <a href="3.html"> <img onmouseover="this.src='C/3.png';" onmouseout="this.src='C/3.png';" src="C/4.png" alt="" width="150" height="200" /></a> </td> </tr> <tr> <td> <a href="4.html"> <img onmouseover="this.src='C/4.png';" onmouseout="this.src='C/4.png';" src="C/4.png" alt="" width="150" height="200" /></a> </td> <td> <a href="5.html"> <img onmouseover="this.src='C/5.png';" onmouseout="this.src='C/5.png';" src="C/5.png" alt="" width="150" height="200" /></a> </td> <td> <a href="6.html"> <img onmouseover="this.src='C/6.png';" onmouseout="this.src='C/6.png';" src="C/6.png" alt="" width="150" height="200" /></a> </td> </table> </div> <div class="rechts"> <p> Ein Bild rechts </p> </div> <div class="clear"></div> <strong><span style="font-size: x-small;"> <a style="font-weight: normal; font-size: small; " href="javascript: var kleinesfenster = window.open('http://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/photo.php?fbid=658254090854597&set=a.658253907521282.1073741825.285165354830141&type=1&theater','_blank', 'width=750,height=500,resizable=yes,status=no,menubar=yes,location=no,scrollbars=yes,toolbar=no') "><img style="border: 0px initial initial;" src="http://skateen.lima-city.de/Browsergame1/Post.png" alt="" width="75" height="21" /></a></span></strong></div> </div> </div> <div> <div id="foot">Copyright by <a href="https://www.facebook.com/dcLeyup"><b>LeyUp</a> and Leysta Germany <a href="Kontakt.html"><b>Kontakt</a> <a href="imp.html"><b>Impressum</a> </div> </body> </html>
Bsp: http://www.pennereck.de/bsp_lima.html
Aber schön ist halt anders würde ich sagen
LG
Ok, danke :) nochmal. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage