Button und Box

html.de-Forum HTML, XHTML & CSS
1

Hallo,

also ich habe hier die aktuelle version und ein bild wie ich es gerne hätte irgendwie bekomme ich die sachen nciht so positioniert wie ich es gerne hätte vll kann mir da ja nochmal jemand helfen :slight_smile: danke

die neue box in bild 2 sollte auch abgerundet sein :slight_smile: danke

aktuell :

http://www.d78.de/images/1255683495ist.JPG

soll:

http://www.d78.de/images/1255683508soll.JPG

code html:

[HTML]

justaskit.de

justaskit.de

Herzlich willkommen!

Die Stadt befindet sich im Bereich eines Deckgebirges des Trias, das auf einem älteren Grundgebirgssockel liegt. Die vorherrschenden Buntsandstein-Ablagerungen wurden im Verlauf des Tertiärs vom Freudenstädter Graben gestört, einem zwölf Kilometer breiten und sieben Kilometer breiten Graben mit Verwerfungen bis zu 140 Meter Länge. Die Grabensohle besteht wie im östlich benachbarten Gäu aus Muschelkalk. Im Grabenverlauf, zu dem das Christophstal unweit des heutigen Stadtzentrums gehört, haben hydrothermale Lösungen Quarz-Schwerspat-Gänge gebildet.

hniiui zi on iu znio i88i n8oo no nio

[/HTML]code css:

[CODE]#header
{
width: 50%;
float: left;
}

#navigation
{
width: 50%;
float: right;
}

#navigation li
{
float: left;
list-style: none;
margin-right: 20px;
}

#content
{
clear: both;
border: 1px solid green;
-moz-border-radius: 10px;
}

h1 {float: right;}
img {float: left;}
p {clear: both; width: 35em; margin: 0 auto;}
[/CODE]

2

Setze mal mit

* {margin: 0; padding:0;}

die Abstände generell auf „Null“ und definiere sie dann für die einzelnen Elemente nach Bedarf.

3

du meinst diesen befehl direkt in das css file??

4

richtig, einfach in die CSS schreiben. Der * gilt dann für alle Selektoren.

5

ok und wie bekomme ich diese box hin bzw wie du siehst hab ich ja eine hinbekommen aber die ist mir zugroß bzw die überstreck sich ja auf dem ganzen bildschirm und ich möchte die ja nur so wie ich sie auch eingezeichnet habe is das möglich?

6

indem du ihr einen width-Wert zuweist, z.B. width: 600px;

7

gut rahmen und alles ist jetzt so wie es soll :slight_smile:

habe es probiert mit position: in css in die mitte bzw mehr halb rechts so wie ich es auf dem bild eingezeichnet habe hinzubekommen leider nicht so ganz mit erfolg.
wie sollte ich es besser machen??

8

habs selbst hinbekommen danke nochmal an alle :slight_smile: