Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.11.2011 um 19:17 (UTC)    
Titel: Bild (Trennlinie) auf bestimmter Position auf der Homepage

Hallo, ich hoffe ihr wisst was ich mein.
Ein Bild in dem Fall eine Trennlinie möchte ich in einer bestimmter Position auf der Homepage habe auf jeder Seite. Gibts da eine Möglichkeit ein Bild einzufügen das immer an Position XYZ in dem Fall hier:

[IMG=http://img88.imageshack.us/img88/1606/unbenanntypd.png][/IMG]
> Kann das irgendwie nicht sichtbar verlinken also hier: http://img.webme.com/pic/2/2-0-0myhp/unbenannt.png

angezeigt wird.

Wäre um eine hilfreiche Antwort, dankbar.


Zuletzt bearbeitet von 2-0-0myhp am 24.11.2011, 20:24, insgesamt einmal bearbeitet
Beitrag24.11.2011 um 20:29 (UTC)    
Titel:

Hallo,

leider hast du nicht markiert, ob diese Linie über, oder unter dem
Bild sitzen soll.

Wenn genau über , oder genau unter dem Bild ... dann kannst du
dem Feld (der Klasse oder ID im CSS-Code) in dem das Bild sitzt,
einen Rahmen oben oder unten geben:

Rahmenlinie nur oben:
Zitat:

border-top: 1px solid #c9c9c9;


oder Rahmenlinie nur unten :
Zitat:

border-bottom: 1px solid #c9c9c9;


Rahmenfarbe #c9c9c9 kannst du natürlich ändern.

Wenn die Linie zwischen Bild und Inhalt darunter soll,
müsstest du dem #sidebar_container ein border-top geben.
Und damit sein Inhalt nicht an der Linie klebt, ein padding-top: 20px;


Gruß Wolle


Zuletzt bearbeitet von find-templates am 24.11.2011, 21:31, insgesamt einmal bearbeitet
Beitrag24.11.2011 um 20:36 (UTC)    
Titel:

Hey, danke für die hilfreiche Antwort. Allerdings möchte ich da nicht einen einfachen Strich oder Rahmen - sondern eine Grafik (Linie) einfügen die ich erstellt habe.

Wäre unter dem Bild, die Linie.
Es geht halt auch einfacher ich könnte sie unter das Bild direkt setzen, als Einzelnbild. Aber die Linien sollen so wie auf dem Bild zu sehen: (hier nochmal ein besseres Bild)
http://img267.imageshack.us/img267/8520/unbenannt1bz.png
nicht einfach daunter oder daüber sitzen sondern ein wenig den Text umfassen und ins Bild gehen darum gehts mit.

Hoffe ich habe mich noch verständlich genug ausgedrückt, ist schon spät. Laughing
Beitrag24.11.2011 um 22:26 (UTC)    
Titel:

Dann blieben eigentlich nur 2 Möglichkeiten:

Entweder diese Linien auf das 990 x 500 Bild mit aufzeichnen,
der Abstand nach unten müsste dann auch Bestandteil des Bildes sein...

oder es wird ein neues DIV eingefügt,
im Feld "Text über Design" : <div id="neues_div"> </div>

Das neue DIV Feld bekommt deine Linien (mit transparenten Hintergrund)
als Hintergrundbild. Und wird dann pixelgenau an gewünschte Stelle drauf positioniert

Zitat:

#neues_div {
position: absolute;
left: 50%;
top: 300px;
margin-left: -495px;
width: 990px;
height: XXXpx;
border: 1px solid #900000;
background-image: url(Grafikadresse.png);
}


top = Abstand von oben. Die 300 Pixel müsstest du noch anpassen.
margin-left Abstand von linken Bildschirmrand (-490px; sollte passen)
height: XXXpx; Feld bekommt die Höhes der Grafik (mit den Linien)

border = Rahmen. Hilft dir beim positionieren. Wenn das Feld passend
platziert ist, kann der Rahmen entfernt werden. Wink

Gruß Wolle


Zuletzt bearbeitet von find-templates am 24.11.2011, 23:31, insgesamt 4-mal bearbeitet
Beitrag28.11.2011 um 12:53 (UTC)    
Titel:

find-templates hat Folgendes geschrieben:
Dann blieben eigentlich nur 2 Möglichkeiten:

Entweder diese Linien auf das 990 x 500 Bild mit aufzeichnen,
der Abstand nach unten müsste dann auch Bestandteil des Bildes sein...

oder es wird ein neues DIV eingefügt,
im Feld "Text über Design" : <div id="neues_div"> </div>

Das neue DIV Feld bekommt deine Linien (mit transparenten Hintergrund)
als Hintergrundbild. Und wird dann pixelgenau an gewünschte Stelle drauf positioniert

Zitat:

#neues_div {
position: absolute;
left: 50%;
top: 300px;
margin-left: -495px;
width: 990px;
height: XXXpx;
border: 1px solid #900000;
background-image: url(Grafikadresse.png);
}


top = Abstand von oben. Die 300 Pixel müsstest du noch anpassen.
margin-left Abstand von linken Bildschirmrand (-490px; sollte passen)
height: XXXpx; Feld bekommt die Höhes der Grafik (mit den Linien)

border = Rahmen. Hilft dir beim positionieren. Wenn das Feld passend
platziert ist, kann der Rahmen entfernt werden. Wink

Gruß Wolle


Danke, so gehts Wink
Kann geschlossen werden
Beitrag28.11.2011 um 15:47 (UTC)    
Titel:

Hallo,

danke für die Rückmeldung und danke an den Helfer.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de