Text neben Buttons?

PC-Süchtiger · 18. Februar 2011

Danke sehr, jetzt ist echt alles perfekt :mrgreen:
LG

PC-Süchtiger · 18. Februar 2011

Hallo, ich schon wieder :oops:
langsam schäme ich mich^^
weiß jemand wie man abstand zwischen den einzelnen buttons bekommt (der abstand sollte ca. so hoch sein wie ein button)
LG

Sarkkan · 18. Februar 2011

Naja.. vllt. mir der Eigenschaft, die für den Außenabstand da ist? Margin?
Gib die einfach dem #buttonNav img
Schema für margin:
margin: [Wert für oberen Abstand] [Wert für rechten Abstand] [Wert für unteren Abstand] [Wert für linken Abstand];
Bsp.: margin: 5px 10px 3px 7px;
Oberer Abstand: 5px;
Rechter Abstand: 10px;
Unterer Abstand 3px;
Linker Abstand: 7px;

PC-Süchtiger · 18. Februar 2011

THX :mrgreen:
LG

PC-Süchtiger · 19. Februar 2011

hy!
Habe da jetzt flash eingebunden und die seite sieht so aus:

[Blockierte Grafik: http://www.bilderhoster.at/upload/vqdci1298135678.jpg]

also die buttons lassen einen abstand zwischen dem flash :?
eigentlich sollten sie daneben stehen (also so wie es beim text war)

CSS-File:

Code

#buttonNav {
    list-style: none;





}




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: none;
    text-align: center;
    clear: left;
}   




#buttonNav img {
    float: left;
    margin: 7px 1px;
}




#buttonNav {
    margin: 0;
    padding: 0;
}

Alles anzeigen

HTML-Code (Auszug) :

Code

<ul id="buttonNav">
    <li><a href="http://irgendwas.com"><img border="0" src="Buttons/Startseite.gif" alt="Startseite" /></a>Baustelle!</li>  
    <li><a href="http://irgendwas.com/action.html"><img border="0" src="Buttons/Action.gif" alt="Action" /></a>Test:</li>
    <li><a href="http://irgendwas.com/adventure.html"><img border="0" src="Buttons/Adventure.gif" alt="Adventure" /></a><object width="850" height="550"><p><param name="movie" value="snake.swf"><embed src="swf/skill/between-the-lines-2.swf" width="850" height="550"></embed></p></li>
    <li><a href="http://irgendwas.com/defense.html"><img border="0" src="Buttons/Defense.gif" alt="Defense" /></a></li>
    <li><a href="http://irgendwas.com/puzzle.html"><img border="0" src="Buttons/Puzzle.gif" alt="Puzzle" /></a></li>
    <li><a href="http://irgendwas.com/shooting.html"><img border="0" src="Buttons/Shooting.gif" alt="Shooting" /></a></li>
    <li><a href="http://irgendwascom/skill.html"><img border="0" src="Buttons/Skill.gif" alt="Skill" /></a></li>
    <li><a href="http://irgendwas.com/strategie.html"><img border="0" src="Buttons/Strategie.gif" alt="Strategie" /></a></li>
</ul>

kann hemand beim lösen des problems helfen?
LG :mrgreen:

Sarkkan · 19. Februar 2011

..mysteriös, da das Objekt sich ja in dem Listenpunkt befindet <.<'

Entweder versuchst du mal dem object ein float: right; zu geben, oder du gibst der #buttonNav ein float: left; und setzt das object nach der Liste (<ul>)

PC-Süchtiger · 19. Februar 2011

THX geht
LG

PC-Süchtiger · 22. Februar 2011

hallo!
Ich erstell mal lieber keinen neuen Thread, geht ja fast um das selbe!
Bin nun so weit dass ich gerne ne Benutzerdefinierte Suche von Google einbinden möchte
Also das da:
[Blockierte Grafik: http://www.bilderhoster.at/upload/vkrmz1298393479.png]
Leider schaffe ich es nicht (wer hätts gedacht :mrgreen: ) diese "Such-Leiste" oben rechts neben Buttons zu bringen
(da wo der rote schlecht gezeichnete rahmen ist, sollte das eigentlich hin)
[Blockierte Grafik: http://www.bilderhoster.at/upload/dvbdv1298393699.png]
hab es schon mit CSS versucht, doch leider kenne ich mich noch immer nicht gut genug aus und es hat nicht geklappt
der code für diese suchleiste wäre:

Code

<form action="http://www.irgendwas.com/search.html" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="015542332440955256656:_ybwedkvi8g" />
    <input type="hidden" name="cof" value="FORID:9" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Suche" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>

Alles anzeigen

ein bisschen mehr code damit man es sich vorstellen kann:

Code

hr />
<ul id=buttonNav2>
<li><a href="http://irgendwas/chat.html"><img border="0" src="http://irgendwas/Buttons/Chat.gif" alt="Chat" /></a></li>
<li><a href="irgendwas"><img border="0" src="http://irgendwas/Buttons/Kontakt.gif" alt="Kontakt" /></a></li>
<li><a href="irgendwas"><img border="0" src="http://irgendwas/Buttons/Vorschlagen" alt="Spiel vorschlagen" /></a></li>
<li><a href="irgendwas"><img border="0" src="http://irgendwas/Buttons/Melden" alt="Defektes oder obsz&ouml;nes Spiel melden" /></a></li>
</ul>
<ul id="buttonNav">
    <li><a href="http://irgendwas"><img border="0" src="http://www.irgendwas/Buttons/Startseite.gif" alt="Startseite" /></a></li>  
    <li><a href="http://irgendwas/action.html"><img border="0" src="http://irgendwas/Buttons/Action.gif" alt="Action" /></a></li>
    <li><a href="http://irgendwas/adventure.html"><img border="0" src="http://irgendwas/Buttons/Adventure.gif" alt="Adventure" /></a>
</li>
    <li><a href="http://irgendwas/defense.html"><img border="0" src="http://irgendwas/Buttons/Defense.gif" alt="Defense" /></a></li>
    <li><a href="http://irgendwas/puzzle.html"><img border="0" src="http://irgendwas/Buttons/Puzzle.gif" alt="Puzzle" /></a></li>
    <li><a href="http://irgendwas/shooting.html"><img border="0" src="http://irgendwas/Buttons/Shooting.gif" alt="Shooting" /></a></li>
    <li><a href="http://irgendwas/skill.html"><img border="0" src="http://irgendwas/Buttons/Skill.gif" alt="Skill" /></a></li>
    <li><a href="http://irgendwas/strategie.html"><img border="0" src="http://irgendwas/Buttons/Strategie.gif" alt="Strategie" /></a></li>
</ul>
<p>&nbsp;</p>
<center><font size="+2"><font face="Comic Sans MS, cursive">Irgendwas</font></font></center>
<center><object  width="850" height="550"><p><param name="movie" value="game.swf"><embed src="http://irgendwas/swf/action/game.swf" width="850" height="550"></embed></p></object></center>
<form action="http:/irgendwas/search.html" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="015542332440955256656:_ybwedkvi8g" />
    <input type="hidden" name="cof" value="FORID:9" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Suche" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=de"></script>

<hr />

Alles anzeigen

CSS-File wäre das:

Code

#buttonNav {
    list-style: none;
    float: left;





}




#buttonNav li {
    font-family: "Comic Sans MS";
    font-style: none;
    text-align: center;
    clear: left;

}   




#buttonNav img {
    float: left;
    margin: 7px 1px;
}   




#buttonNav {
    margin: 0;
    padding: 0;

}




#buttonNav2 {
    list-style: none;
    float: right;
}
#buttonNav2 li {
    font-family; "Comic Sans MS";
    font-style: none;
    text-algin: center;
    clear: right;
}
#buttonNav2 img {
    float: right;
    margin: 7px 1px ;




}




#buttonNav2 {
    margin: 0;
    padding; 0; 




}

Alles anzeigen

im Moment ist die leiste ganz unten, aber ich will sie eben da rauf
ich hoffe es besteht noch ein klitzekleiner funken geduld für mich, wenn nicht auch ok, ich kanns verstehen
LG

Sarkkan · 22. Februar 2011

Öhm.. setzt die Suche zwischen das <hr /> und dieser Navi die auf dem Bild zu sehen ist.
Nun musst du mal schauen, ob du die Navi nach rechts fließen lässt, oder das Suchfeld nach links/rechts (kenne die anordnung der anderen Sachen auf der Seite leider nicht usw.. ).

Spiel einfach mal ein bisschen mit float und der Anordnung des Suchfeldes und der kleinen Navigation rum (=

PC-Süchtiger · 27. Februar 2011

Danke, jetzt ist die Site endlich so wie ich sie haben will
LG

Text neben Buttons?

Jetzt mitmachen!

Teilen