Autor |
Nachricht |
paula modersohn
Threadersteller
Dabei seit: 20.07.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 20.07.2011 13:27
Titel text und bild oben am div tag ausrichten |
|
|
Hallo zusammen!
Arbeite im Dreamweaver cs5 und schaffe es einfach nicht die Texte oben an einer Box anfangen zu lassen. Die Texte richten sich immer an der Mitte aus. Ich hoffe jemand kennt einen Befehl der mir weiter hielft.
Gruß
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Mi 20.07.2011 13:59
Titel
|
|
|
Davon mal abgesehen, dass HTML keine Befehle kennt, wäre es nett, wenn du uns den relevanten Quelltext zeigen würdest, damit wir nicht unsere Glaskugeln extra aus der Reinigung holen müssen.
Gruß
Karl
|
|
|
|
|
Anzeige
|
|
|
paula modersohn
Threadersteller
Dabei seit: 20.07.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 20.07.2011 14:09
Titel
|
|
|
hier mein css auszug für meinen text. wie hier vertical-aline:top geht nicht.
#mitte_text {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:780px;
height:auto;
background-color:#FFFFFF;
color:#000000;
padding:10px;
vertical-align: top;
}
|
|
|
|
|
mochi
Dabei seit: 20.04.2011
Ort: Hinterm Bretterzaun
Alter: -
Geschlecht:
|
Verfasst Mi 20.07.2011 14:15
Titel
|
|
|
Und auf was ist #mitte_text angewendet? Auf die Box? Auf den Text?
Du solltest alles vom Code posten, was für die Problemlösung relevant ist. Vllt auch das Stückchen HTML dazu.
|
|
|
|
|
paula modersohn
Threadersteller
Dabei seit: 20.07.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 20.07.2011 14:30
Titel
|
|
|
dies ist der div tag.
<div id="mitte_text">
<h2>Willkommen bei ...</h2> <p>Für uns ist jeder ......</p>
</div>
und das ist mein ganzer code. hoff er bringt dich weiter.
body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
width:100%;
height:100%;
overflow:hidden;
text-align:start;
}
#hintergrund {
position:absolute;
z-index:1;
width:100%;
height:100%;
}
#fest {
position:absolute;
top:25px;
left:10px;
width:150px;
z-index:10;
border:1px;
solid:#000;
padding:10px;
}
#scrollbar {
position:absolute;
width:100%;
height:100%;
top:3px;
left:3px;
overflow:auto;
z-index:2;
}
#inhalt {
padding:5px 300px 20px 200px;
}
#logo {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:800px;
height:auto;
}
#navi {
background-color:#000;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:790px;
height:auto;
word-spacing:20px;
color:#FFF;
padding-left:10px;
}
#dazwischen {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:800px;
height:5px;
}
#ueberschrift {
background-color:#000;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:790px;
height:auto;
color:#FFF;
font-size:16px;
padding-left:10px;
}
#mitte_bild {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:800px;
height:auto;
}
#mitte_text {
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:780px;
height:auto;
background-color:#FFFFFF;
color:#000000;
padding:10px;
vertical-align: top;
}
#impressunm {
background-color:#000;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:790px;
height:auto;
word-spacing:30px;
text-align:right;
color:#FFF;
padding-right:10px;
}
A:hover {
text-decoration:none;
color:#FFF;
}
A:active {
text-decoration:none;
color:#FFF;
}
A:link {
text-decoration:none;
color:#FFFFFF;
}
A:visited {
text-decoration:none;
color:#FFF;
}
|
|
|
|
|
mochi
Dabei seit: 20.04.2011
Ort: Hinterm Bretterzaun
Alter: -
Geschlecht:
|
Verfasst Mi 20.07.2011 14:38
Titel
|
|
|
vertical-align lässt sich nur auf Inline-Elemente anwenden und ein Div ist ein Block-Element
Dein <h2> hat ein margin-top/bottom von jeweils 19px
setz mal:
* {
margin: 0;
padding: 0;
}
in deine CSS-Datei ein. Das sollte generell ein paar Abstandsprobleme lösen.
Zuletzt bearbeitet von mochi am Mi 20.07.2011 14:39, insgesamt 1-mal bearbeitet
|
|
|
|
|
paula modersohn
Threadersteller
Dabei seit: 20.07.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 20.07.2011 15:03
Titel
|
|
|
nein, das ist nicht die lösung. bringt nur meine ganze gestaltung durcheinander.
die hp besteht aus verschiedenen seiten auf denen immer wieder mein div= mitte_text
vorkommt, mit verschiedenen schriftgrößen, auch mal eine unnummerierte lieste. Also der befehl sollte
inhaltsunabhängig sein. gibt es nicht was ganz simples?
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 21.07.2011 17:00
Titel
|
|
|
Hau die Margins mit dem Wert "auto" raus dann ist dein Problem gelöst.
|
|
|
|
|
|
|
|
Ähnliche Themen |
[PHP] Text in Bild ausrichten
Text über 100% Div ausrichten?
Text an Objekten ausrichten
Text im div ausrichten - am unteren Rahmen
Problem: Text an Kreis ausrichten
Spry Menü Text ausrichten
|
|