Autor |
Nachricht |
bburkey
Threadersteller
Dabei seit: 25.04.2007
Ort: Berlin
Alter: 34
Geschlecht:
|
Verfasst Di 29.07.2008 17:49
Titel float problem |
|
|
hi
ist jetzt wahrscheinlich eine ganz dumme frage die nach 2 sekunden geklärt wird, aber weil dies mein erses richtiges css projekt ist komm ich leider nicht weiter
ich will das das makierte unter das foto rutscht
Code: |
/*das ist das foto*/
#about {
background: #ffffff;
color: black;
width: 200px;
height: 234px;
margin-left: 48px;
position: absolute;
}
#label {
background: #ffffff;
color: #5588aa;
font:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
a:visited color: #ff6fcf;
width: 201px;
}
#link {
background: #ffffff;
color: #5588aa;
font:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
a:visited color: #ff6fcf;
position: left;
width: 201px;
margin-left: 0px;
}
#archiv {
background: #ffffff;
color: #5588aa;
font:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight: normal;
a:visited color: #ff6fcf;
position: left;
width: 201px;
} |
kann mir einer von euch sagen wieso es nicht funktioniert?
[edit by Nimroy]
verschoben
Zuletzt bearbeitet von Nimroy am Mi 30.07.2008 10:39, insgesamt 3-mal bearbeitet
|
|
|
|
|
mar_s
Dabei seit: 23.05.2008
Ort: KO
Alter: 38
Geschlecht:
|
Verfasst Mi 30.07.2008 10:27
Titel
|
|
|
Position kann nur folgende Werte annehmen: absolute, relative, static, fixed, Inherit!
Dann steuerst du mit Left, Right, Top, Bottom die Positionen:
Bsp:
#bild {
position: absolute;
left: 10px;
top: 100px;
}
|
|
|
|
|
Anzeige
|
|
|
theGRUNGEone
Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht:
|
Verfasst Mi 30.07.2008 10:36
Titel
|
|
|
warum steht im titel "floatproblem",
wenn du gar nicht floatest?
was mich außerdem interessieren
würde, wie du die divs angelegt
hast. html dazu?
|
|
|
|
|
bburkey
Threadersteller
Dabei seit: 25.04.2007
Ort: Berlin
Alter: 34
Geschlecht:
|
Verfasst Mi 30.07.2008 21:56
Titel
|
|
|
hi
oh ich dachte das man das positionieren von boxen generell floaten nennt, deswegen der titel
Code: | !--label-->
<div id="label">
<p>labels</p>
</div><!--labels-->
<!--links-->
<div id="link">
<p>links</p>
</div><!--links-->
<!--archiv-->
<div id="archiv">
<p>archiv</p>
</div><!--archiv-->
<!--post-->
<div id="post">
<p>post</p>
</div><!--post's-->
|
sieht jetzt noch so leer aus weil ich das design für meinen blogger blog nutz und mir da die verschiedenen codes gestellt werden[/quote]
|
|
|
|
|
theGRUNGEone
Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht:
|
Verfasst Mi 30.07.2008 23:07
Titel
|
|
|
da draus erkenn ich auch nicht wirklich, was du da gemacht hast.
also generell:
teil mal content-bereich und sidebar in zwei verschiedene bereiche
auf. im sidebar-bereich bringst du auch deine links unter. ich zeig
dir mal eben, wie ich es ungefähr machen würde. (bei deinem lay-
out da)
Code: | <div id="wrapper"> <!--allumfassendes div-->
<div id="sidebar">
<div class="bild">
bildchen
</div>
<div class="navi">
hier die navi reinbauen (label, links, archiv), am besten mit liste (ul, li)
</div>
</div>
<div class="content">
hier den content-bereich reinbauen
</div>
</div> |
das ganze dann noch mit css schick machen.
html-code ist nur grob angedeutet.
vllt ist es jetzt etwas klarer.
Zuletzt bearbeitet von theGRUNGEone am Mi 30.07.2008 23:30, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Float-Problem?
float Problem
img ul float problem
Problem mit Float
IE float problem?
Div Float Left Problem
|
|