Hi,
ich hab mich jetzt relativ gut eingearbeitet in css. Aber ich steh vor ein Problem zu dem ich keine Hilfe find und es auch einfach nciht schnall wie warum es nicht geht.
Ich habe 2 Spalten die erste, welche mit einem Bild befüllt ist, sieht wunderbar aus.
Die 2te Spalte möchte ich mit Text befüllen welcher auf der unter Kanter der ersten Spalte startet und dann soll sich der Container nach oben aufbauen.
-----------container 1--------
#work_img{
float:left;
margin-top:60px;
width: 390px;
height:350px;
}
---------container 2-------
#work_detail_copy{
margin-left:30px;
margin-top:60px;
width:390px;
background-color:#6600FF;
}
#link_uebersicht a{
position:relative;
float:left;
margin-bottom:0px;
width: 118px;
height: 9px;
background-image: url(../img/uebersicht.gif);
background-repeat:none;
background-position: 0px -9px;
}
#link_website a{
position:relative;
float:left;
margin-bottom:15px;
width: 52px;;
height: 8px;
background-image: url(../img/link_website.gif);
background-repeat:none;
background-position: 0px -8px;
}
so müsste es doch eingentlich funktionieren, die beiden links hab ich in den container work_detail_copy gepackt und mit margin-bootm ausgerichtet, aber sie positionieren sich nicht über einander sondern nebeneinander.
wär klasse wenn mir das einer erklären könnte was ich nicht check.
danke und gruß
ich hab mich jetzt relativ gut eingearbeitet in css. Aber ich steh vor ein Problem zu dem ich keine Hilfe find und es auch einfach nciht schnall wie warum es nicht geht.
Ich habe 2 Spalten die erste, welche mit einem Bild befüllt ist, sieht wunderbar aus.
Die 2te Spalte möchte ich mit Text befüllen welcher auf der unter Kanter der ersten Spalte startet und dann soll sich der Container nach oben aufbauen.
-----------container 1--------
#work_img{
float:left;
margin-top:60px;
width: 390px;
height:350px;
}
---------container 2-------
#work_detail_copy{
margin-left:30px;
margin-top:60px;
width:390px;
background-color:#6600FF;
}
#link_uebersicht a{
position:relative;
float:left;
margin-bottom:0px;
width: 118px;
height: 9px;
background-image: url(../img/uebersicht.gif);
background-repeat:none;
background-position: 0px -9px;
}
#link_website a{
position:relative;
float:left;
margin-bottom:15px;
width: 52px;;
height: 8px;
background-image: url(../img/link_website.gif);
background-repeat:none;
background-position: 0px -8px;
}
so müsste es doch eingentlich funktionieren, die beiden links hab ich in den container work_detail_copy gepackt und mit margin-bootm ausgerichtet, aber sie positionieren sich nicht über einander sondern nebeneinander.
wär klasse wenn mir das einer erklären könnte was ich nicht check.
danke und gruß