|
|||
Danke für die Antworten, werde mir mal die FAQ gründlich durchlesen. @ moontan: der nonbrakingspace hat das Ganze leider nicht gerichtet, trotzdem danke.
|
Sponsored Links |
|
|||
So, habe jetzt nur die navi als liste gemacht, die Grundstruktur der Seite ist in Tabellenform (kann man das so machen??also sinnvoll?), nichts mit div oder so... Naja ich hab probleme mit der navi:
1)Nur der "Home" link ist zu sehen, obwohl CSS was anderes sagt 2)Abstände nach oben und nach links sind zu groß, doch mit padding wird nur die Gesamtgröße der Seite an sich geändert. Hier gehts zu Seite Hoffe man kann mir wieder helfen^^ PS: wie bekomme ich den link der gerade aktive Seite in eine andere Farbe? Mit Code:
#current a{ text-decoration:none; color:#ffffff; } body a:active{ text-decoration: none; color:#ffffff; } body a:visited{ text-decoration:none; color:#ffffff; } body a:hover{ text-decoration: none; color:#ffffff; }
__________________
Mein dA account: http://dhar-leth.deviantart.com/ Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/ |
|
|||
Oh, da hab ich gepennt^^ Danke plastiko
@ rs web , ich muss nun noch den Sinn von div verstehen :P und das Problem mit der Ausrichtung ist ja auch noch offen....
__________________
Mein dA account: http://dhar-leth.deviantart.com/ Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/ |
|
|||
Zitat:
Zitat:
Merk dir den Grundsatz: Immer das passendste Element für den vorhandenen Inhalt aussuchen. Wenn du eine Zutatenliste hast, nimmst du eine ungeordnete Liste. Wenn du eine Navigation hast nimmst du eine ungeordnete Liste; diese Kannst du dann mit Überschriften oder verschachtelung weiterer Listen genauer aufteilen. Wenn du Textabsätze hast, stecke sie in Absatzelemente (<p>), wenn du Überschriften hast, setze sie in Überschriftenelemente (<h1> bis <h6>). Wenn du Logos oder Bilder hast, nutze das img-Element und vergib einen sinnvollen Alternativtext (Tipp: "Logo" ist nicht sinnvoll). Wenn du eine zweidimensionale Zuordnungsstruktur hast, nimm eine Tabelle (die nebenbei 8 wichtige Elemente besitzt und nicht nur 3). Wenn du nun eine ordentliche Struktur hast, kannst du dir gedanken machen, wie die Seite aussehen soll. Jetzt kommt <div> ins Spiel. <div> ist ein gruppierendes Element. Darin kannst du z.B. eine Überschrift und verschiedene Absätze oder eine Überschirft und die dazugehörige Teilnavigation einfügen. Jetzt gibst du dem Gruppierenden Element eine ID oder eine Klasse, die du dann mit CSS ansprechen kannst. CSS ist sehr flexibel und die Arbeit wird nur leichter, wenn du auf gute strukturierung setzt. Die Liste im Gruppenelement #navigation kannst du nach links, rechts, oben oder unten verschieben, ohne den Quelltext ändern zu müssen. Auch bei CSS git es viel zu lernen, aber es ist nicht schwer, man muss sich nur etwas zeit nehmen, die grundlagen zu verstehen. Das bereits genannte Buch, Little Boxes ist dazu gut geeignet.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
|
|||
Also mit div komme ich nicht zurecht, ich kann fast nichts ausrichten und ich persöhnlich finde das total unübersichtlich...
Wie strukturiert man den meinen Codehaufen? (nur ein Anreiz, ich erwarte ja nicht, das mir jmd. meinen kompletten Quellcode neuschreibt.) EDIT: füge mal den neuen coe ein, noch in Arbeit: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Nils Warneke Landscape Photography</title> <meta name="description" content="Official Nils Warneke Landscape Photography site. The fine art landscape photography by German photographer Nils Warneke captures the brilliant colors and spiritual terrain in nature." /> <meta name="keywords" content="photography photographer photographers fine art photo books photographs landscape photos photograph nils warneke for sale new york gallery images nilswarneke news blog blogs aspen australia florida hawaii key west kona la jolla las vegas maui book website site antelope canyon arizona grand canyon yosemite national park" /> <link type="text/css" rel="stylesheet" media="all" href="home.css" /> </head> <body> <div class="content"> <div id="head-logo"><a href="home1.html"><img src="file:///C|/Users/Nils/Pictures/Deviantart/Homepage/logo_big1.jpg" alt="Home" title="Home" width="900" height="85"/></a></div> <hr /> <div id="navi" class="navi"> <ul class="navi"> <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="home1.html">Home</a></li> <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">Photography</a></li> <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">About</a></li> <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">News</a></li> <li class="navi" style="padding: 0px 15px 0px 0px;"><a href="">New Release</a></li> <li class="navi" style="padding: 0px 15px 0px 510px;"><a href="">Contact</a></li> </ul> </div> <div id="content"> <div id="missing-flash"> <p>You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialize correctly.</p> </div> <div id="banners" class="banners"> <div id="banner-left" class="banners"><a href=""><img src="photography.jpg" alt="Biography" title="Biography"width="300" height="170" /></a></div> <div id="banner-middle" class="banners"><a href=""><img src="photography.jpg" alt="Photography" title="Photography"width="300" height="170" /></a></div> <div id="banner-right" class="banners"><a href=""><img src="photography.jpg" alt="" title=""width="300" height="170" /></a></div> </div> <hr /> <div id="copyright"> <p>© 2010 Nils Warneke Landscape Photography. All rights reserved. Terms of Use. Privacy Policy.</p> </div> <hr /> </div> </div> </body> </html>
__________________
Mein dA account: http://dhar-leth.deviantart.com/ Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/ |
|
||||
Man Strukturiert deinen Codehaufen indem du dir per Stift und Papier erstmal aufschreibst welche Bereiche die Seite haben soll.
Bsp: Kopfbereich, Inhalts Bereich, Fuß ereich. Inhaltebereich wie viele Spalten o.ä. Als nächstes kann man sich daraus Beispielsweise die divs Bauen. <div id="header"></div> <div id="content"></div> <div id="footer"></div> bau dir eine logische Struktur auf.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Also ich hab den code neu geschrieben, hoffe so ist´s okay.
Hier gehts zur Seite Ein Problem hat sich allerdings jetzt aufgetan^^ Warum sind bei den horizontalen Trennlinien immer zwei Striche? Ich bekomme die einfach nicht weg, auch nicht wenn ich border=0px schreibe (vorrausgesetz das ist überhaupt ne Grenze). EDIT: Wenn man mal freudig STRG+A haut, dann sieht man die zwei Textzeilen, die einfach keine andere Farbe als schwarz haben wollen, alle anderen Eigenschaften übernehmen sie ohne Probleme, was kann ihc da machen? #missing-flash p{ position:absolute; top:240px; left:340px; font-family:"Microsoft Yi Baiti", Tunga, Utsaah, Arial; font-size:18px; font-style:normal; font-color:#ffffff; } #footer #copyright p{ position:absolute; top:630px; left:725px; font-family:"Microsoft Yi Baiti", Tunga, Utsaah, Arial; font-size:15px; font-style:normal; font-color:#ffffff; }
__________________
Mein dA account: http://dhar-leth.deviantart.com/ Mein noch aktuelles Portfolio: http://nilswarneke.artworkfolio.com/ Geändert von Seaxnéat (01.05.2010 um 16:07 Uhr) |
Sponsored Links |
Stichwörter |
ausrichtung, einzeilig, link, zweizeilig |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
clearen im 21 Jhr. | Muamicus | CSS | 23 | 14.12.2010 20:50 |
ul richtig zentrieren | Muamicus | CSS | 23 | 14.12.2010 19:28 |
Definitionsliste in einer Floatumgebung | *pi | CSS | 11 | 07.01.2009 19:34 |
Ständig wechselnde Bilder, Werbung | Vybsi | (X)HTML | 17 | 25.01.2008 00:00 |
CSS Navigationsproblem | thesecretboy | CSS | 0 | 12.04.2007 09:12 |