verschiedene dinge nebeneinander

Dane · 31. Januar 2010, 08:42

[FONT="Comic Sans MS"][COLOR="Lime"]Hey ich weiss jz nicht wie ich das ausdrücken soll aber
ich würde gerne 2 sachen nebeneinander haben .... hier mal
ein bild (es kann besser erklären als ich ^,^)

diese buttons sollen neben die scrollbox aber iwie verschieben die sich gegenseitig ^^[/COLOR][/FONT]

Kogoro · 31. Januar 2010, 10:41

[FONT="Franklin Gothic Medium"][COLOR="Sienna"][SIZE="2"]versuchs mal mit dem style float. Infos findest du auf css4you oder ähnlichen Seiten.[/SIZE][/COLOR][/FONT]

felix · 31. Januar 2010, 14:42

float in verbindung mit einem span tag.

Lunatic · 4. Februar 2010, 13:20

PHP-Quellcode

<div id="navi" style="float: left;">
Naviinhalt unso...
</div>
</div id="scrollbox" style="float: left;">
Scrollboxinhalt unso ...
</div>

Würd den Style sowieso auslagern in ne CSS Datei, zwecks SEO & Ästhetik und so : )

Foldercarp · 4. Februar 2010, 13:26

[COLOR="DarkOrange"]Versuch's mit ner Tabelle, oder nen float.[/COLOR]

DeadStyle · 13. Februar 2010, 13:47

Das ganze als ein .html Dokument speichern :)

HTML-Quellcode

<style>
#container {
width:800px;
height: 600px;
border: 2px solid #000000;
}
#navi {
display:block;
float: left;
/*Angaben optional*/
width: 150px;
height:200px;
border: 2px solid #000000;
}
ul {
list-style: none;
}
li {
padding: 2px;
}
.body {
border: 2px solid #000000;
float: right;
width: 642px;
height:598px;
overflow: auto;
}
</style>
<html>
<body>
<div id="container">
<div id="navi">
<ul>
<li><a href="#">Dein Text</a></li>
<li><a href="#">Dein Text</a></li>
<li><a href="#">Dein Text</a></li>
<li><a href="#">Dein Text</a></li>
</ul>
</div>
<div class="body">
Hier ist der Inhalt der Seite :D
</div>
</div>
</body>
</html>

Alles anzeigen

internetfreak · 13. Februar 2010, 16:50

@DeadlyByte
Ich würde eher . für class nehmen als # für id.
Denn . kannste immer nehmen, id's sind eig für dinge da die nur einmal vorkommen sollten^^
Aber sonst ist der Code gut, denke damit wird der TE leben können und sein problem hat sich erledigt.

Lunatic · 15. Februar 2010, 12:06

Denn . kannste immer nehmen, id's sind eig für dinge da die nur einmal vorkommen sollten^^

Kannst du mir bitte sagen was hier mehr als einmal vorkommt? Abgesehen davon sollte man die Navi sowieso mit ul`s bauen :O

~Luna

internetfreak · 15. Februar 2010, 20:06

Ja sagte jetzt nicht hier in diesem Beispiel.
Sondern allgemein sollte man Class der ID vorziehen.
Wurde mir jedenfalls mal gesagt von jmd der es weiß.
Und dass man Navis immer mit ul baut ist ja normalerweise klar, solange es ein Dropdown ist sowieso.
Bei Singles kann man auch mal tables nehmen, je nach umstand

felix · 15. Februar 2010, 20:46

Wurde mir jedenfalls mal gesagt von jmd der es weiß.

Ich weiß es auch, und kann dir sagen das IDs immer verwenedt werden bei Elementen
die nur ein einziges mal vorkommen, class bei Elementen die öfter gebraucht werden.
Eigentlich sollte das klar sein, sobald man ID bzw. Class gelesen hat. Da beide
Elemente nur einmal vorkommen ist ID schon richtig.

Und dass man Navis immer mit ul baut ist ja normalerweise klar,

Ach echt? Dafür das es klar ist sehe ich aber reichlich wenige Leute die ihre Navigationen
mit ul bauen =)

DeadStyle · 16. Februar 2010, 08:56

wie baut man denn eine navi mit <ul> ??

Kurai · 16. Februar 2010, 11:05

hier gibtsn paar beispiele dazu
SELFHTML: Stylesheets / CSS-basierte Layouts / Navigationsleisten

internetfreak · 16. Februar 2010, 15:47

@felix
ich sagte man baut dropdowns normal mit ul und li
alles andere geht auch gut per blinder table
und zu fragen die nix mitm thema zu tun haben, also dem problem was der TE hat, würde ich nen neuen thread gutheißen.
weil spam sollte es nicht grad geben^^

PHP-Quellcode

HTML-Quellcode

Teilen