|
|||
Hilfe gesucht beim erstellen meiner Startseite.....
Hi Leute,
ich habe die ersten Schritte geschaft und bereits ein brauchbares Layout zusammen. Nun möchte ich aber noch ein paar Feinheiten verbessern und finde leider nicht die Lösung. Ich hoffe ihr könnt mir dabei helfen: index.html: 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=iso-8859-1" /> <title>Unbenanntes Dokument</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="side_position"> <div id="header_top"></div> <div id="side_left"></div> <div id="main"> Hier wird in Zukunft ein Text stehen der auf sehr Wichtige Informationen hinweisen wird. Jedoch dient dieses Feld nur als Testzweck. <br> <br> Bei der Erstellung dieses Layout sind Probleme aufgetreten die ich auch durch suchen im google nicht beseitigen könnte. <br> <br> Wenn du den Link HIER anklickst sieht du Informationen zur Seite, jedoch hast du auch HIER die Möglichkeit deine Erfahrung mit mitzuteilen. <br> <br> Mehr Informationen dazu findest du HIER. Bitte kontaktiere unser Service-Team per EMAIL falls du Hilfe benötigst. </div> <div id="side_right"></div> <div id="footer_left">EXIT</div> <div id="footer_right">EINGANG</div> </div> </body> </html> Code:
body { padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; width:940px; margin:0 auto; background:#000000 } #side_position { position: absolute; left: 50%; top: 50%; width: 940px; height: 616px; margin-left: -470px; margin-top: -310px; } #header_top { background-image: url(http://www.wetter.at/wetter/template...fic24_v2.gif); background-repeat: no-repeat; background-position: center center; width:940px; height:166px; } #side_left { width:250px; height:400px; float:left; background-image: url(http://www.wetter.at/wetter/template...fic24_v2.gif); background-repeat: no-repeat; background-position: center center; } #main { width:440px; height:400px; float:left; text-align:center; } #side_right { width:250px; height:400px; float:right; background-image: url(http://www.wetter.at/wetter/template.../oe24_v2.gif); background-repeat: no-repeat; background-position: center center; } #footer_left { width:470px; height:50px; float:left; text-align:center; } #footer_right { width:470px; height:50px; float:right; text-align:center; } 1. Ich möchte über die style.css meinen main-Text Vertikal zentrieren, welche Code ist notwendig? 2. Ich benötige für die style.css einen Code um die Linkfarben im Body festzulegen. (Links= Blau, Wenn die Maus drüber fährt=Orange, Aktiver Link= Grau ....usw.) Bitte um Hilfe von euch! DANKE |
Sponsored Links |
Sponsored Links |
|
|||
Zitat:
Danke werde deine zwei Tipps gleich testen und melde mich gleich wieder In der CSS habe ich in der Main-ID ja eh folgendes: text-align: center; Jedoch bekomme ich nur hier die Horizontale Mitte hin aber nicht die Vertikale! Wie bekomme ich die Vertikale Linie hin? Geändert von eBase2009 (24.06.2009 um 21:03 Uhr) |
|
|||
Frage Nr.4:
Habe gerade versucht deinen Tipp umzusetzten leider ohne guten Erfolg. Anbei ein Auszug aus meiner neuen style.css: Code:
body { padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #ffffff; width:940px; margin:0 auto; background:#000000 } a.link{ color: #FF6A00; text-decoration: none; } a.link:hover { color: #FFD800; text-decoration: underline; } #side_position { position: absolute; left: 50%; top: 50%; width: 940px; height: 616px; margin-left: -470px; margin-top: -310px; }............... Im IE zeigt er mir den Link in BLAU an und im Mozilla in Violet. Jedoch sollte dieser ja Orange sein. |
|
||||
hallo!
das  bedeutet in diesem fall, dass du dein dokument in einer anderen Codiierung geschrieben hast als das dokument ausgeliefert wird, evtl. hast du den quellcode in UTF-8 geschrieben hast aber iso-8859-1 als charset angegeben. eine vertikale zentrierung ist nicht ohne weiteres möglich, es gibt zwar das attribut v-align, das gilt aber nur für tabellenzellen Code:
a:link{ color: #FF6A00; text-decoration: none; } a:hover { color: #FFD800; text-decoration: underline; } |
|
|||
Hallo,
Genau, in meiner Index steht ja das ich folgendes ausgebe: charset=iso-8859-1 Woher bekomme ich dann die Umlautet für diese Codierung? Schöne Grüße Martin PS: Denn Tipp mit den Links werde ich gleich versuchen umzusetzten! |
|
|||
stell mal das charset auf "utf-8" um...
Und zur vertikalen zentrierung: Was willst du den vertikal zentrieren? Kann das länger oder kürzer sein? Text, ode ein "Kasten mit Text drin" ? |
|
|||
Zitat:
Ich möchte eigentlich den Text im Main Vertikal zentrieren denn horizontal habe ich es ja schon wenn du dir den css. code ansiehst! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
hilfe zu cms/blogsystem textpattern gesucht | andip | Offtopic | 8 | 13.12.2012 02:40 |
Hilfe bei CSS Menue gesucht | CSS_Beginner | CSS | 2 | 21.09.2009 18:03 |
Hilfe bei Parallelschaltung gesucht | Muckel | Offtopic | 6 | 03.07.2008 16:45 |
Hilfe beim Layout erstellen | kevink | CSS | 9 | 24.06.2007 19:13 |
Brauche HILFE bei CSS:ebay seite erstellen! BRAUCHE MUSTER | beavis-2005 | CSS | 2 | 23.11.2005 19:22 |