Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.04.2009 um 15:38 (UTC)    
Titel: [erledigt] Design CSS : Navi-Links auf Designbild

hallo zusammen habe folgendes design erstellt (http://www.imagenetz.de/img.php?file=593d0fa647.jpg&pid=) möchte jetzt die navi verlinkt haben oben sowie unter. wäre toll wenn ihr mir helfen könntet.


Zuletzt bearbeitet von maxdes am 09.05.2009, 14:03, insgesamt einmal bearbeitet
Beitrag09.05.2009 um 13:00 (UTC)    
Titel:

Hallo,

da deine Links sich auf dem Bild befinden , lassen die sich nicht verlinken.
Entferne die Texte / Links auf dem Bild .

Wir positionieren das Feld der Navigation auf dein Bild an gewünschte Stelle Very Happy
Die Navi-Links im Design "CSS" kann man auch nebeneinander platzieren
Die ID der Navi (Design CSS) lautet : #nav_container

Code einfügen in das Feld "css ohne style-tags" :


Zitat:

#nav_container{
position:absolute;
top: XXXpx ;
left : XXXpx;
width : XXXpx;
height: XXXpx;
border:1px solid #FFFFFF;}

li.nav_element {
list-style-type: none;
position: relative;
float:left;
padding-left:5px;
border:0px solid #000000;}

/* Navigation Textlinks & Buttons */
li.nav_element a {
display: block;
width: 90px;
padding:4px;
color: #FFFFFF;
font-size:13px;
font-weight: bold;
font-family:arial;
text-decoration: none;
text-align: center;
background-color:#XXXXXX;
background-image:url();
border: 0px solid #000000;}



Erklärung zum Code :

top: XXXpx ; <----- Der Abstand der Navigation nach oben (teste hier 120px;)
left : XXXpx; <----- Der Abstand der Navigation von Linker Seite (teste hier left:100px;)
width : XXXpx; <-- Die Breite der Navigation ( teste 700px;)
height: 30px; <-- Höhe des Feldes kannst du auch anpassen

Das Navi-Feld hat einen weißen Rahmen, der hilft dir beim positionieren.
Wenn die Navi perfekt sitzt, kannst du bei ##nav_container
das border: 1px ändern in border: 0px . Dann ist der weiße Rahmen weg .

Beachte bitte, das Du nicht zuviele neue Seiten erstellen solltest.
Jede neue erstellte Seite wird oben mit platziert . Du müsstest das
Navi-Feld dann breiter machen, bzw die Seiten-Titel kurz halten .


Gruß Wolfgang


Zuletzt bearbeitet von 24939 am 09.05.2009, 14:02, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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