Vollständige Version anzeigen : Web-Design Bildchen soll links neben Hauptmenü!
Hey,
Vielleicht weiß einer von euch wie das geht, da ich in dem anderen Forum keine Antwort bekomme hoffe ich auf euch ;)
Also ich habe eine Seite, da soll neben "Hauptmenü" ein Kreuz stehen!
Das Kreuz ist da, aber ich weiß halt nicht wie ich mittels CSS das Kreuz neben die Schrift bekomme.
Weiß einer von euch Rat?
Um euch zu verdeutlichen was ich meine.. habe ich einen Screen angehängt :)
glg
Chrissy
Wie sieht denn der Rest des Quellcodes aus?
Ist die Seite schon online?
Mit css kannst Du es entweder relativ oder absolut positionieren.
Relativ zu den anderen Elementen und der Position im content, oder absolut mit exakten Pixelangaben.
zum Beispiel
kreuz {
position:absolute;
top: 250px;
left:20px;
}
oder so ähnlich. Halt je nach dem wo es auf der Seite sitzen soll.
Mehr Infos oder am besten die Seite würden auch hier helfen. :)
Gruß
intelli
Die Seite findest du hier (http://femc-rheine.de/index.php)
Ich habe noch nie großartig im CSS gearbeitet, deshalb ist es immer so eine Sache.. wohl mal kleinigkeiten verändert, aber noch nicht selber was eingebaut!
was muss ich denn anstatt "kreuz" schreiben? weil er muss ja erkennen was ich meine oder nicht?
Du musst dem Kreu ein div-TAG zuweisen...
Also im Quelltext sollte das dann so aussehen:
<div class="kreuz">
<img src="/templates/skulltheme-prison/images/KleinKreuzNeu.png"/>
</div>
Gruß
intelli
Oke ich probiere es mal :)
Jetzt ist es ganz weg. :)
intelli
Mhh ich raffs auch nicht, nun ist es wohl wieder da mit deinen Einstellungen, aber wenn ich etwas veränder im CSS rückt es nicht nach unten oO
Da isses ja wieder.
Jetzt ändere mal in der ccs wie folgt:
.kreuz {
position:absolute;
top: 315px;
left:25px;
}
Hatte das Pünktchen vergessen. :)
Gruß
intelli
Oh.. wozu ist das Pünktchen da? ;)
Nun steht es links neben dem Menü :D
Es gibt bei css verschiedene Arten von sog. Selektoren.
Wenn Du Interesse hast kannst Du Dir ja mal diese Seiten angucken:
http://jendryschik.de/wsdev/einfuehrung/css/selektoren
und
http://www.css4you.de/ (Finde ich persönlich richtig klasse gemacht!)
Gruß
intelli
CSS 4 YOU war ich gerade schon drauf und ich habe mir dabei gedacht "Hey, das wär mal wieder eine Sache wert, zu lernen"
Danke auf jedenfall.
Und wieder ist bewiesen das ich hier schneller eine Antwort bekomme als im anderen Forum..
glg
Chrissy
Warum probierst Du es dann erst in einem anderen? :bleh:
:emo_biggr:emo_biggr:emo_biggr:emo_biggr:emo_biggr
Gruß
intelli
Nunja, weil die Probleme somit weitergehen..
Bei einer anderen auflösung oder IE sieht das ganze dann wieder richtig schlecht aus.. kann man das eventuell fixieren?
Hier ist dann wahrscheinlich eine relative Positionierung sinnvoller.
.kreuz{
position:relative;
top:130px;
left:20px;
}
Gruß
intelli
PS.: Ach ja, jetzt sind es plötzlich 2 Kreuze!? :)
Ja ich fand ein Kreuz sah irgendwie dumm aus, aber nun gut, mein Chef meinte vielleicht finde ich ja für CSS oder HTML etwas, dass jeden Browser in der Sache unterstützt, dass sich die Website dem anpasst!
Morgen wird weiter gebastelt -pfeif-
Aber danke danke danke :D
Hier meine ungefragte Meinung: :)
Das Menü ist mir persönlich optisch zu "wirr". Und die Kreuze sind zu groß. Ich würde die Variante mit einem Kreuz bevorzugen.
Gruß
intelli
Danke für deine Meinung!
Das mit dem Menü bleibt auch nicht so.. ich wollte nur ein bisschen rumtesten... wegen der Schriftarten, was ich dir privat geschrieben hatte ;)
Nun habe ich mich doch für die Variante der Buttons entschieden, die ich in PS gestalte und dann einbinde!
ABer danke das du ab und zu mal raufschaust (:
So ich habe nun einen Button zum test fertig, doch nun frage ich mich.. ist es moeglich, dass ich die so einbinde wie das Kreuz und nur auf das Bild dann den Link setze?
Weil ich habe es im HTML, aber angezeigt wird da nichts :nixweiss:
Ist sicher wieder ein dummer Denkfehler von mir!
Sollte auch über css funktionieren.
EInfach im sytlesheet dein Bild als backgrouind-image festlegen.
#leftcol li a {
background-image:url(../images/bg_main_menu.png);
background-position:center top;
background-repeat:no-repeat;
color:#aaa;
font-size:15pt;
text-align:left;
text-decoration:none;
}
Gruß
intelli
Ich habs schon :)
Nun ist nur noch die Frage wie ich das ganze ein wenig nach links verschiebe, damit der ganze Button zu sehen ist, dann habe ich wenigstens schonmal die Größe ;)
Weil wenn ich das so hinterlege wie du es gesagt hast, habe ich den "HomeButton" ja hinter jeden und der soll ja nur hinter den ersten, das habe ich nun :)
Bist mir echt eine super große Hilfe :) Danke vielmals!
Ich befürchte, dass Du pro item (die Menüpunkte haben ja alle item-IDs) eine css-Klasse anlegen musst.....
Our History = item54
Forever = item 55
usw.
Gruß
intelli
i know ;) da bin ich wohl bei!
Das ist auch nicht das ding, aber wie es jetzt ausschaut ist auch nicht das wahre :(
Oder sollte ich die Buttons noch kleiner gestalten?
Mhh dann kriege ich warscheinlich einige Menüpunkte nicht mehr mit drauf :(
Also (wenn überhaupt) würde ich einen einheitlichen Button (z.B. eine "gebürstete Mtallplatte") als Hintergrund für alle Menüpunkte festlegen und die Textlinks lassen, dafür aber zentriert ausrichten. So bekommst Du das mit den verschiedenen Breiten in den Griff. :)
Gruß
intelli
Dann habe ich aber wieder das Problem mit der Schriftart :(
Darum geht das ganze eigentlich, da eine andere Schriftart gewuenscht war.
Außerdem bekomme ich dann wieder Probleme mit dem Menüpunkt "Dark Hawks MC", da dieser Button wieder größer sein muss.
Solangsam verzweifel ich echt... momentan will alles nicht klappen was ich mir vornehme :(
Nichtmal einen einfach Links kann ich mehr setzen... ich seh schon, das wird noch dauern!
Das ist halt das Problem von CMS-Systemen in denen das Menü dynamisch generiert wird. Ich ziehe meinen Kunden immer den Zahn mit dem komplett frei gestaltbaren Menü, da sonst die Arbeitszeit explodiert und das will am Ende auch kein Kunde mehr Zahlen.
Wenn Du die Seite ohne Joomla, nur in html, machen würdest hättest Du absolute gestalterische Freiheit. :)
Gruß
intelli
Ich weiß ;)
Aber naja, wie war das noch "Der Kunde ist König!"
Da er das in Joomla haben will, muss ich da auch weiter ansetzen.
Ich habe damals ja auch mit phase 5 gearbeitet.
Gefiel mir in der Hinsicht besser, da man dort, wie du schon gesagt hast mehr Freiheiten hat!
Schade drum, dann werd ich mir doch noch etwas einfallen lassen -grübel-
So nun habe ich den Text weg und nun muss ich nur noch rausfinden, wie ich den Button richtig verlinke..
Da das im HTML nicht so ist wie es soll oder ich hab mal wieder einen Denkfehler!
Danke an intelli an dieser Stelle für die Bemühungen und vorallem das er es ausgehalten hat mir meine dummen Fragen immer und immer wieder zu beantworten :)
vBulletin® v3.8.7, Copyright ©2000-2024, Jelsoft Enterprises Ltd.