Trennstrich zwischen Menü und Content
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aufgefallen
besucher
bringen
code
eigenschaft
einsturz
einziger specht
folgendes code
gemacht code
http
innerhalb page
linie
page
planen
programmierer
rahmen
stadt
strich
uhrzeigersinn
url
-
Hi !
Ich habe folgendes Problem:
Ich möchte einen Trennstrich zwischen mein Menü und den Content machen, so wie hier http://www.davy.lima-city.de/beispiel.png
Wie mache ich sowas? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Mit der css-eigenschaft border.
Sowohl die gestrichelten linien (dashed) als auch die durchgezogene sind höchstwahrscheinlich so gemacht.
<div style="border: 2px #bbb dashed; border-right-style: solid; "> Hallo Border-Welt </div>
ungetestet -
simuliertes schrieb:
Mit der css-eigenschaft border.
Sowohl die gestrichelten linien (dashed) als auch die durchgezogene sind höchstwahrscheinlich so gemacht.
<div style="border: 2px #bbb dashed; border-right-style: solid; "> Hallo Border-Welt </div>
ungetestet
Das geht leider nicht.
Ich habe jetzt geschafft, neben den jeweiligen Menüpunkten einen Strich zu machen, aber es soll ja ein durchgehender sein, außerdem muss der dünner sein.
Hier habe ich es mal zum Anschauen: http://davidlohmann.de/test/index.php -
simuliertes schrieb: Mit der css-eigenschaft border.[/code]
ungetestet
davy schrieb:
Das geht leider nicht.
In dem bereits geposteten Link findest du alle Infos die du brauchst..
Vieeeeleeeiiccht wäre die dann auch das 2px im code aufgefallen.
Damit Dein Strich durchgehend ist musst du die höhne deines div's mit der id "menue_links" entweder entsprechend verlängern (HEIGHT) oder ein extra div drann hängen:
<div style="border: 1px #bbb solid; border-width: 0 1px 0 0; "> Dünner Strich auf der rechten Seite </div>
border-width: 0 1px 0 0
= von oben an im Uhrzeigersinn die dicke der Linien:
also:
oben=0
rechts=1
unten=0
links=0
edit:
Sie sind Besucher Nr.:
35048
Beitrag zuletzt geändert: 13.10.2010 22:43:06 von simuliertes -
simuliertes schrieb:
simuliertes schrieb: Mit der css-eigenschaft border.[/code]
ungetestet
davy schrieb:
Das geht leider nicht.
In dem bereits geposteten Link findest du alle Infos die du brauchst..
Vieeeeleeeiiccht wäre die dann auch das 2px im code aufgefallen.
Damit Dein Strich durchgehend ist musst du die höhne deines div's mit der id "menue_links" entweder entsprechend verlängern (HEIGHT) oder ein extra div drann hängen:
<div style="border: 1px #bbb solid; border-width: 0 1px 0 0; "> Dünner Strich auf der rechten Seite </div>
border-width: 0 1px 0 0
= von oben an im Uhrzeigersinn die dicke der Linien:
also:
oben=0
rechts=1
unten=0
links=0
edit:
Sie sind Besucher Nr.:
35048
Guten Morgen !
Ich habe jetzt versucht ein extra div zu machen. Aber jetzt wird in der Seite garkein Strich mehr angezeigt.
Was hab ich falsch gemacht.
Das extra div hat die id Trennstrich. -
Morg'n
Ja ich seh schon.
"Würden Städteplaner Städte so Planen wie Programmierer würde ein einziger Specht die Stadt zum Einsturz bringen können "
oder so...
Meine Lösung:
Nimm das trennstrich-div wieder raus und gib #page folgendes:
border-left:1px solid #000000; padding-left:15px;
Mit pading kannst Du dann noch den Abstand vom Trennstrich "feintunen".
Beachte das der ie das eventuell ein bisschen anders von den abständen darstellt, habe ich nur im ff (firebug) getestet -
simuliertes schrieb:
Morg'n
Ja ich seh schon.
"Würden Städteplaner Städte so Planen wie Programmierer würde ein einziger Specht die Stadt zum Einsturz bringen können "
oder so...
Meine Lösung:
Nimm das trennstrich-div wieder raus und gib #page folgendes:
border-left:1px solid #000000; padding-left:15px;
Mit pading kannst Du dann noch den Abstand vom Trennstrich "feintunen".
Beachte das der ie das eventuell ein bisschen anders von den abständen darstellt, habe ich nur im ff (firebug) getestet
Hi !
Das hab ich gemacht..
Jetzt habe ich einen Trennstrich, allerdings ist unten und oben ein kleines Stück kein Strich.
Wie mach ich den Strich durchgehend? -
davy schrieb:
Jetzt habe ich einen Trennstrich, allerdings ist unten und oben ein kleines Stück kein Strich.
Wie mach ich den Strich durchgehend?
indem du bei #content das padding auf 0 setzt. die Abstände nach oben dafür dann in #page notierst ... damit wäre die Lücke oben geschlossen
das untere Stück "Freiraum" solltest du beheben können indem du #options innerhalb #page anordnest. -
pcw schrieb:
davy schrieb:
Jetzt habe ich einen Trennstrich, allerdings ist unten und oben ein kleines Stück kein Strich.
Wie mach ich den Strich durchgehend?
indem du bei #content das padding auf 0 setzt. die Abstände nach oben dafür dann in #page notierst ... damit wäre die Lücke oben geschlossen
das untere Stück "Freiraum" solltest du beheben können indem du #options innerhalb #page anordnest.
Danke, die Lücke oben konnte ich schließen ;)
Aber die untere nicht. #options ist im #page -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
