|
|||
Auch wenn du kein Geld damit verdienen willst, musst du CSS lernen, wenn du es anwenden willst. Ansonsten sag doch deinem Freund einfach, er soll jemanden fragen, der sich damit auskennt.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (20.02.2012 um 17:54 Uhr) |
Sponsored Links |
|
|||
Hallo Harley
eigentlich ist für deine Seite so gut wie nichts nötig, jedoch hat dein Programm warum auch immer eine unübersichtliche Div-Suppe produziert. Du positionierst und verschiebst und tust und machst und im Prinzip ist das Ganze überflüssig. Hier mal ein Beispiel wie man deine Seite umsetzen kann/sollte. HTML-Code:
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Musterseite</title> <style type="text/css"> body { text-align:center; background-color:#998; } #wrapper { margin:0 auto; text-align:left; width:800px; background-color:#ffe; } #navi { list-style:none; padding:0; } #navi li { display:inline; } #social { background-color:#eee; } .artikel { } .artikel img { float:left; padding:10px width:50px; height:50px; } </style> </head> <body> <div id="wrapper"> <h1>Seitentitel</h1> <ul id="navi"> <li><a href="">Deine Links</a></li> <li><a href="">Link 2</a></li> <li><a href="">Link ...</a></li> </ul> <div id="social"> Dein facebook Zeug. </div> <div class="artikel"> <h2>Überschrift Artikel 1</h2> <img src="" alt="Bild Artikel 1"> <p>Dein Text vom ersten Artikel. <br><a href="">Link zum Artikel</a></p> </div> <div class="artikel"> <h2>Überschrift Artikel 2</h2> <img src="" alt="Bild Artikel 1"> <p>Dein Text vom zweiten Artikel. <br><a href="">Link zum Artikel</a></p> </div> <div class="artikel"> ... </div> </div> </body> </html> Wenn ich dort jedoch deine Hintergrundgrafiken und ein paar Innen- (padding) und Außenabstände (margin) hinzufüge, sowie ein paar runde Ecken ist es genau deine Seite. Also überlege dir ob du nicht vielleicht doch mal CSS richtig lernst und die Seite neu aufsetzt.
__________________
Websites erstellen ist ein Hobby von mir. |
Sponsored Links |
|
|||
Hallo Webcoder, danke für Deine Antwort
Ich habe mir schon, als ich den Quelltext der Site das erste Mal gesehen habe, gedacht, dass ich hier viel Arbeit habe bis das alles mal seine Ordnung hat. Es ist immer schwierig, ein schon vorhandenes Projekt aufzuarbeiten wenn man die notwendigen Kenntnisse oder Programme (Macintosh iWeb) nicht besitzt. Ich werde sicherlich nicht drum herum kommen, alles mal ganz in Ruhe zu bearbeiten. Dazu muss ich mir wohl Urlaub nehmen denn ich habe jeden Tag 14-18 Stunden in meinem Betrieb zu tun, bevor ich mich um meinen Alltag kümmern darf Es ist in jedem Fall auf meiner "ToDo-Liste" vermerkt. Ich habe aber trotzdem zu einer anderen Methode gegriffen, und die Bilder anstatt in ihren eigenen Containern, in die vorhandenen Text-Container zu integrieren. Das war vielleicht nicht die sauberste Lösung, aber immerhin funktioniert es so wie wir es uns vorgestellt haben und ich muss mir erstmal nicht die Nächte um die Ohren schlagen. HTML-Code:
<div id="hapahaole" style="margin-left: 5px; margin-top: 1px; width: 590px; z-index: 1;" class="style_SkipStroke_3"> <div class="text-content Normal_External_583_67" style="padding: 0px; "> <div class="graphic_textbox_layout_style_default"> <p style="padding-bottom: 10pt; padding-top: 5pt; font-size: 12px;" >Fast um die Ecke von Salon Schmidt Schnitt (läppische 25,6km) findet man das Hapa Haole. Neben dem, nach eigener Aussage, besten Burger der Stadt, bietet das Tiki-Diner ein schönes Ambiente im hawaiianischen Stil, untermalt von der Musik der 50er Jahre. Live-Events sorgen für eine tolle Atmosphäre - also ein "special feel-good ambience". Genial: Man kann sich hier seinen eigenen Burger kreieren, ganz wie es der Gaumen am liebsten mag! Das Team freut sich auf Euren Besuch. Reservierung und Infos unter <a title="http://www.hapa-haole.de" class="class2" onkeypress="window.open(this.href); return false;" onclick="window.open(this.href); return false;" href="http://www.hapa-haole.de">www.hapa-haole.de</a><a href="http://www.hapa-haole.de" target="_blank"><img src="MySpace_und_Links_files/Hapa_Haole.png" width="243" height="89" style="float:right; margin-right: 15px; margin-top:10px;" /></a> </div> </div> </div> Nochmals vielen Dank für all Eure Denkanstöße, LG Harley |
Stichwörter |
div container, parameter, position, variabel |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div container Höhe anpassen funktioniert nicht! | hopaba | CSS | 4 | 21.02.2010 18:23 |
DIV container verschachteln und pixelgenau platzieren | Yakilo | CSS | 4 | 02.02.2010 20:18 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |
Design Float IE6 Problem | koknarr | CSS | 10 | 05.09.2008 19:05 |
div container verschachteln | blau | CSS | 2 | 05.12.2006 20:44 |