hab ich gemacht falls ich nicht was übersehe hab das ganze nochmal überarbeitet als datei im anhang
Beiträge von Kazu
-
-
hab das ganze nun rechts als ein bild gemacht und als background von <div id="block_rechts"> gemacht jedoch macht er das gleiche wie voher auch er setzt das ganze irgendwie nicht nach links dran sondern darunter oder darüber
-
Hey Leute!
JAAA, ich schon wieder
Ich brauche Hilfe und zwar soll sich bei der Datei im Anhang die <div id="block_rechts"> an die beiden linken dranhängen und nach rechts repeaten. jedoch setzt er sich durch float oder clear entweder darunter oder auf den mittleren block und nicht wie die anderen beiden schön nebeneinander.
Hoffe ihr könnt mir helfen. Versuch das schon 3 Stunden wieder hinzukriegen -.-mfg
Euer Kazu
-
Super! Genau das meinte ich
Ganz ehrlich...find ich ne supergeile Lösung wäre ich so garnicht drauf gekommen :oops: -
Hiho!
Ich möchte eine tabelle gerne nachbilden und zwar sollte die folgender maßenaussehen <!-- m --><a class="postlink" href="http://www.sauerland-fewo.de/de/wohnungen/astrid/astrid.php">http://www.sauerland-fewo.de/de/wohnung ... astrid.php</a><!-- m --> und unten könnt ihr dann auf << Preise für die Wohnung >> klicken. Ich habs schon geschafft ne Fancy box zu bauen und alles bloss hab ich es nicht so mit der tabellengestaltung.
Code
Alles anzeigen<table width="350" border="1" cellpadding="0" cellspacing="0" bordercolor="#B3B3B3" style="border-style:solid;"> <tr> <th colspan="4" scope="col"><span style="color:#4F090B">Wohnung Astrid</span></th> </tr> <tr> <td style="border-style:none;"><span style="color:#4F090B"><strong>Personen:</strong></span></td> <td style="border-style:none;"><span style="color:#4F090B">Saison:</span></td> <td style="border-style:none;"><span style="color:#4F090B">Nebensaison:</span></td> <td style="border-style:none;"><span style="color:#4F090B">Endreinigung:</span></td> </tr> <tr> <td style="border-style:none;">bis 5</td> <td style="border-style:none;">61,- €</td> <td style="border-style:none;">55,- €</td> <td style="border-style:none;">32,- €</td> </tr> <tr> <td colspan="4"><p>Saison:</span><br/> 19.12.09 - 06.01.10<br/> 27.03.2010 - 10.04.2010<br/> 20.06.2010 - 28.08.2010<br/> 09.10.10 - 23.10.10<br/> <p>Mietpreise in Euro pro Tag und Wohnung</p></td> </tr> <tr> <td colspan="4">Nebensaison:<br/> Bei Kurzaufenthalten unter 4 Tage wird immer der Saison-Tagespreis berechnet. <p>Mietpreise in Euro pro Tag und Wohnung</p></td> </tr> <tr> <td colspan="4">Endreinigung:<br/> Die Endreinigung der Wohnung erfolgt durch den Vermieter.</td> </tr> </table>
wobei ich probleme habe ist das das feld "personen saison etc." außen rum einen rand besitzen soll eben wie in der vorlage.
hoffe ihr könnt mir helfen!lg
Kazu
-
das mit dem absolute würde so net passen, weil der text auch noch um das bild fließen soll
-
Hallo Freunde,
ich habe ein kleines Problem was ich denk ich mal sehr schnell gelöst werden kann. Mein Bild soll sich innerhalb eines Blocks
nach rechts und nach unten verschieben. Mit float:right geht es schonmal nach rechts, aber wie verschieben ich das ganze
ohne padding nach unten?
Hoffe Ihr könnt mir helfen^^mfg
Kazu
-
Also ich werde mir deinen Vorschlag auf jeden fall zu herzen nehmen und in ner ruhigen minute genauer anschauen damit ichs auch verstehe.
Ansonsten hab ich dank deiner/eurer Hilfe das Problem endlich gelöst.
Sitzt, wackelt und hat Luft sag ich mal -
bei mir hatte ich es gemacht aber vll saß ich auch schon viel zu lange davor ich danke dir trotzdem
jetzt hab ich das problem, dass sich die grafik nicht nach rechts repeatet außer ich änder dessen größe. Und wenn die zu groß wird legt sich
der repeatende teil nach unten auf die seite. Ich brauche also einen befehl, der der grafik sacht "nach rechts kannste unendlich oft repeaten, zeige aber nur soviel an, wie der bildschirm breit ist". ich muss irgendwie sagen können das es nach rechts "unendlich" weitergeht weil momentan sieht die grafik da wohl eine barriere. hoffe mir kann da weitergeholfen werdenglg
Kazu
-
oder so hab ich mal angehangen wieder was gelernt
-
hab ich gemacht funzt auch net.
<!-- m --><a class="postlink" href="http://www.fileuploadx.de/411279">http://www.fileuploadx.de/411279</a><!-- m --> wenne magst da hab ich das ganze als zip hochgeladen und dann siehste was ich meine^^ -
also die dateien sind alle im selben ordner und so jpg ist auch richtig, das ist nicht das problem. könntest du den code oben denn mal kopieren, hier direkt wieder einfügen und einfach nur vertauschen?
das ich mir selbst dieses projekt schon wieder aufgetragen habe >_> ist halt so nervig wenns das letzte puzzlestück ist was einen an der fertigen seite hindert -
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Layout 2</title> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="navigation"> <div id="logo"> <img src="logo.png" alt="Logo"/> </div> <ul id="auflistung" style="list-style-type:none"> <li><a class="navilinks" href="index.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Exekutive summary';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Exekutive summary';this.style.color='#ffffff';">Exekutive summary</span></a></li> <li><a class="navilinks" href="hauslafinca.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Firmen Philosophie';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Firmen Philosophie';this.style.color='#ffffff';">Firmen Philosophie</span></a></li> <li><a class="navilinks" href="bilder.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Dienstleistungen';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Dienstleistungen';this.style.color='#ffffff';">Dienstleistungen</span></a></li> <li><a class="navilinks" href="aktiv.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Security';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Security';this.style.color='#ffffff';">Security</span></a></li> <li><a class="navilinks" href="preise.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Travel Awareness';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Travel Awareness';this.style.color='#ffffff';">Travel Awareness</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Gallerie';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Gallerie';this.style.color='#ffffff';">Gallerie</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Links';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Links';this.style.color='#ffffff';">Links</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Kontakt';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Kontakt';this.style.color='#ffffff';">Kontakt</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Impressum';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Impressum';this.style.color='#ffffff';">Impressum</span></a></li> </ul> </div> <div id="banner"><img src="banner.jpg" alt="Banner"/> <div id="rechts"></div> <div id="inhalt"> </div> </div> </body> </html>
irgendwie ignoriert er halt immer noch den schwarz grauen hintergrund
-
meinst du die divs "inhalt" und "rechts" in der html datei tauschen?
-
ja sind mehrer bilder, der link wäre für die gewesen die sich die bilder ebeb speichern in nem ordner und jeweils den html / css code auch noch dort anlegen und in 2 min. sieht man welches problem ich habe :)=
der code, den ich jetzt habe sieht so aus:
HTML
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Layout 2</title> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="navigation"> <div id="logo"> <img src="logo.png" alt="Logo"/> </div> <ul id="auflistung" style="list-style-type:none"> <li><a class="navilinks" href="index.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Exekutive summary';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Exekutive summary';this.style.color='#ffffff';">Exekutive summary</span></a></li> <li><a class="navilinks" href="hauslafinca.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Firmen Philosophie';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Firmen Philosophie';this.style.color='#ffffff';">Firmen Philosophie</span></a></li> <li><a class="navilinks" href="bilder.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Dienstleistungen';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Dienstleistungen';this.style.color='#ffffff';">Dienstleistungen</span></a></li> <li><a class="navilinks" href="aktiv.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Security';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Security';this.style.color='#ffffff';">Security</span></a></li> <li><a class="navilinks" href="preise.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Travel Awareness';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Travel Awareness';this.style.color='#ffffff';">Travel Awareness</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Gallerie';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Gallerie';this.style.color='#ffffff';">Gallerie</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Links';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Links';this.style.color='#ffffff';">Links</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Kontakt';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Kontakt';this.style.color='#ffffff';">Kontakt</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Impressum';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Impressum';this.style.color='#ffffff';">Impressum</span></a></li> </ul> </div> <div id="banner"><img src="banner.jpg" alt="Banner"/> <div id="rechts"></div> <div id="inhalt"> </div> </div> </body> </html>
CSS
Code
Alles anzeigenbody { font-family:tahoma, verdana, arial, sans-serif; background:url(background.jpg); line-height:150%; font-weight:normal; padding:0; margin:0; } #inhalt { background:url(schwarz_grau.jpg) no-repeat; height:565px; width:700px; margin:0 0 0 252px; } #navigation { float:left; background:url(face_navi.jpg) no-repeat; height:642px; width:252px; margin:50px 0 0 0; } .navilinks { line-height:50px; } #auflistung { margin:26px 0 0 0; padding:0 0 0 23px; } #logo { padding:8px 0 0 29px; } p { margin:0 0 8px 0; } #banner { line-height:0; margin:70px 0 0 0; } #rechts { float:left; background:url(rechts.jpg) repeat-x; height:642px; width:312px; margin:0 0 0 0; padding:0 0 0 0; }
Wenn ich halt die breite bei der id "rechts" veränder dann wiederholt sich die grafik auch dem entsprechend oft.
Was halt mein Problem ist, ist das sich bei float:left oder dergleichen sich die grafik nicht nach links an das schwarz-graue feld ranhaftet (siehe link erster beitrag) sondern diese eben ignoriert und sich an die navi haftet
und das ist das EINZIGE was ich nicht an dieser seite hinkriege >_> -
das hatte ich auch schon probiert aber irgendwo anders sitzt halt der fehler
<!-- m --><a class="postlink" href="http://img813.imageshack.us/gal.php?g=schwarzgrau.jpg">http://img813.imageshack.us/gal.php?g=schwarzgrau.jpg</a><!-- m -->
da hab ich mal die bilder hochgeladen falls du dich überzeugen willst
das ist halt das einzige was mich wahnsinnig an der seite macht x( -
Hiho Freunde der Nacht
Ich habe nach laaanger Zeit mal wieder ein Problem, dass ich auch nicht mit google lösen kann.
Die Seite an der ich gerade bastel soll so aussehen:
<!-- m --><a class="postlink" href="http://img201.imageshack.us/f/layoutpk.jpg/">http://img201.imageshack.us/f/layoutpk.jpg/</a><!-- m -->Die farbigen Kästchen stellen halt die inhalte / unterteilung dar.
Mein Html Code sieht so aus:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Layout 2</title> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="navigation"> <div id="logo"> <img src="logo.png" alt="Logo"/> </div> <ul id="auflistung" style="list-style-type:none"> <li><a class="navilinks" href="index.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Exekutive summary';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Exekutive summary';this.style.color='#ffffff';">Exekutive summary</span></a></li> <li><a class="navilinks" href="hauslafinca.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Firmen Philosophie';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Firmen Philosophie';this.style.color='#ffffff';">Firmen Philosophie</span></a></li> <li><a class="navilinks" href="bilder.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Dienstleistungen';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Dienstleistungen';this.style.color='#ffffff';">Dienstleistungen</span></a></li> <li><a class="navilinks" href="aktiv.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Security';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Security';this.style.color='#ffffff';">Security</span></a></li> <li><a class="navilinks" href="preise.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Travel Awareness';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Travel Awareness';this.style.color='#ffffff';">Travel Awareness</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Gallerie';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Gallerie';this.style.color='#ffffff';">Gallerie</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Links';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Links';this.style.color='#ffffff';">Links</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Kontakt';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Kontakt';this.style.color='#ffffff';">Kontakt</span></a></li> <li><a class="navilinks" href="kontakt.htm" style="text-decoration: none; font-weight:bold; color:#fff;"><span style="color: #ffffff" onMouseOver="this.innerHTML='Impressum';this.style.color='#f9a900';" onMouseOut="this.innerHTML='Impressum';this.style.color='#ffffff';">Impressum</span></a></li> </ul> </div> <div id="banner"><img src="banner.jpg" alt="Banner"/> <div id="rechts"></div> <div id="inhalt"> </div> </div> </body> </html>
und mein CSS Code so:
Code
Alles anzeigenbody { font-family:tahoma, verdana, arial, sans-serif; background:url(background.jpg); line-height:150%; font-weight:normal; padding:0; margin:0; } #inhalt { background:url(schwarz_grau.jpg) no-repeat; height:565px; width:700px; margin:0 0 0 252px; } #navigation { float:left; background:url(face_navi.jpg) no-repeat; height:642px; width:252px; margin:50px 0 0 0; } #text { font-size:12px; padding:30px; } .navilinks { line-height:50px; } #auflistung { margin:26px 0 0 0; padding:0 0 0 23px; } #logo { padding:8px 0 0 29px; } p { margin:0 0 8px 0; } #banner { line-height:0; margin:70px 0 0 0; padding:0; } #rechts { float:right; background:url(rechts.jpg) repeat-y; height:642px; width:51px; margin:50px 0 0 0; }
Habe das Problem das die blaue box(rechts.jpg) sich an schwarz-grau(braune box) ranhaften soll und sich nach rechts immer wiederholen soll.
Aber entweder sie heftet sich nach rechts oder zersprengt die seite das alles kreuz und quer liegt. Wäre soooowas von nett wenn ihr mir nen tipp
oder eine lösung geben könntet
wer ganz krass drauf ist und das nachbauen möchte/kann/will, die höhe breite stehen ja immer soweit drauf da muss man sich ja nur n viereck mit den maßen machhen :-pwie immer
mfg
Kazu
-
Wie immer bedanke ich mich für die Hilfe
-
Hey Leute,
ich habe mal wieder eine kurze und knappe Frage. Ich befasse mich momentan nebenbei ein bißchen mit XHTML und
dessen Befehlsformen. Welche von den dreien wäre denn nun richtig?1. <input type="text">
2. <input type="text"></input>
3. <input type="text"/>Die dritte müsste richtig sein, da es sich um ein leeres Element handelt oder nicht?
Mfg
Kazu
-
<a href="../../de/sitemap/">Wohin führe ich Dich?</a>
Führt dieser Link irgendwo hin oder nicht. Spontan würde ich sagen dieser Link führt mich auf die sitemap jedoch bin ich durch das ../../de etwas irritiert.
Hoffe ihr könnt mir weiter helfen.lg
Kazu