kostenloser Webspace werbefrei: lima-city


CSS Problem

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    skateen

    skateen hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. m**********n

    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.
  4. 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

  5. Autor dieses Themas

    skateen

    skateen hat kostenlosen Webspace.

    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
  6. 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ß
  7. Autor dieses Themas

    skateen

    skateen hat kostenlosen Webspace.

    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
    <div id=Info>
    kann man den anderen Task schlecht einsetzen.
    ,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
  8. 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
  9. Autor dieses Themas

    skateen

    skateen hat kostenlosen Webspace.

    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.
  10. 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 &nbsp;&nbsp; <a href="Kontakt.html"><b>Kontakt</a>&nbsp;&nbsp; <a href="imp.html"><b>Impressum</a>&nbsp;&nbsp;</div>
    
    
    
    </body>
    </html>


    Bsp: http://www.pennereck.de/bsp_lima.html

    Aber schön ist halt anders würde ich sagen

    LG
  11. Autor dieses Themas

    skateen

    skateen hat kostenlosen Webspace.

    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 &nbsp;&nbsp; <a href="Kontakt.html"><b>Kontakt</a>&nbsp;&nbsp; <a href="imp.html"><b>Impressum</a>&nbsp;&nbsp;</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.
  12. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!