zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe gesucht beim erstellen meiner Startseite.....

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.06.2009, 17:23
Anfünger
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2009
Ort: Austria
Beiträge: 22
eBase2009 befindet sich auf einem aufstrebenden Ast
Standard 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>
style.css:
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;
}
Meine Fragen die ich leider nicht selbst beantworten hab können:

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.06.2009, 18:58
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

1. Eine Zentrierung erreichst du über: text-align:center;
Blocksatz wäre: text-align:justify;
Letzteres ist aber nur zu empfehlen, wenn deine Texte auch für Blocksatz ausgelegt sind, sonst werden die Abstände teilweise zu groß.

2. a, a:link = Zustand des Links
a:hover = Zustand beim Überfahren des Links mit der Maus
a:active = Zustand eines geklickten Links
a:focus = Zustand eines per Tastatur fokusierten Links
a:visited = Zustand eines Links, nachdem er geklickt (die Seite besucht) wurde

Die Angaben müssen Natürlich ins CSS, im HTML steht weiterhin nur <a href="#"...
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.06.2009, 20:34
Anfünger
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2009
Ort: Austria
Beiträge: 22
eBase2009 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Praktikant Beitrag anzeigen
1. Eine Zentrierung erreichst du über: text-align:center;
Blocksatz wäre: text-align:justify;
Letzteres ist aber nur zu empfehlen, wenn deine Texte auch für Blocksatz ausgelegt sind, sonst werden die Abstände teilweise zu groß.

2. a, a:link = Zustand des Links
a:hover = Zustand beim Überfahren des Links mit der Maus
a:active = Zustand eines geklickten Links
a:focus = Zustand eines per Tastatur fokusierten Links
a:visited = Zustand eines Links, nachdem er geklickt (die Seite besucht) wurde

Die Angaben müssen Natürlich ins CSS, im HTML steht weiterhin nur <a href="#"...

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)
Mit Zitat antworten
  #4 (permalink)  
Alt 24.06.2009, 21:41
Anfünger
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2009
Ort: Austria
Beiträge: 22
eBase2009 befindet sich auf einem aufstrebenden Ast
Standard

Habe noch eine Frage:

3. Wenn ich mir das oben gepostete LIVE anschaue im Mozilla befindet sich Links oben folgendes:



Was hat das zu bedeuten?
DANKE
Mit Zitat antworten
  #5 (permalink)  
Alt 24.06.2009, 21:50
Anfünger
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2009
Ort: Austria
Beiträge: 22
eBase2009 befindet sich auf einem aufstrebenden Ast
Standard

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;
}...............
Was habe ich nun Falsch gemacht.
Im IE zeigt er mir den Link in BLAU an und im Mozilla in Violet. Jedoch sollte dieser ja Orange sein.
Mit Zitat antworten
  #6 (permalink)  
Alt 24.06.2009, 22:48
Benutzerbild von Emilie Autumn
Son of Northern Darkness
neuer user
 
Registriert seit: 09.11.2008
Beiträge: 31
Emilie Autumn befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Mit Zitat antworten
  #7 (permalink)  
Alt 25.06.2009, 10:45
Anfünger
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2009
Ort: Austria
Beiträge: 22
eBase2009 befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
  #8 (permalink)  
Alt 25.06.2009, 12:59
creativ.handwerk
neuer user
 
Registriert seit: 10.11.2008
Ort: 94357 Konzell
Beiträge: 79
infernalshade befindet sich auf einem aufstrebenden Ast
Standard

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" ?
Mit Zitat antworten
  #9 (permalink)  
Alt 25.06.2009, 13:18
Anfünger
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2009
Ort: Austria
Beiträge: 22
eBase2009 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von infernalshade Beitrag anzeigen
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" ?
uft-8 werde ich dann mal versuchen umzustellen!

Ich möchte eigentlich den Text im Main Vertikal zentrieren denn horizontal habe ich es ja schon wenn du dir den css. code ansiehst!
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 25.06.2009, 13:26
creativ.handwerk
neuer user
 
Registriert seit: 10.11.2008
Ort: 94357 Konzell
Beiträge: 79
infernalshade befindet sich auf einem aufstrebenden Ast
Standard

Also grundsätzlich bin ich gegen zentrierten Text, egal ob vertikal oder horizontal
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:19 Uhr.