mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 17:06 Benutzername: Passwort: Auto-Login

Thema: DIV nebeneinander vom 06.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIV nebeneinander
Autor Nachricht
niederberger
Threadersteller

Dabei seit: 26.07.2005
Ort: Buochs NW - Schweiz
Alter: 39
Geschlecht: Männlich
Verfasst Sa 06.05.2006 18:36
Titel

DIV nebeneinander

Antworten mit Zitat Zum Seitenanfang

Hallo, Hat mir jemand einen Tipp wie ich drei DIVs nebeneinander darstellen kann? Und zwar gehts um folgenden Code, die Idee ist, dass die drei Sprachen jeweils nebeneinander stehen also: D F E.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Single Mouseover</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript"><!--
var firsttext='Kunden'
var secondtext='Customer'
var thirdtext='Clients'
var fourthtext='Geschäftskunden'
var fifthtext='Business Customer'
var sixthtext='Client d\'affaires'
function writetext(what){
document.getElementById('textarea').innerHTML=''+what+'';
}
function notext(){
document.getElementById('textarea').innerHTML='';
}
//-->
</script>
</head>

<body>
<div id="p1" onmouseover="writetext(firsttext)" onmouseout="notext()">D</div>
<div id="p2" onmouseover="writetext(secondtext)" onmouseout="notext()">E</div>
<div id="p3" onmouseover="writetext(thirdtext)" onmouseout="notext()">F</div>
<div id="p4" onmouseover="writetext(fourthtext)" onmouseout="notext()">D</div>
<div id="p5" onmouseover="writetext(fifthtext)" onmouseout="notext()">E</div>
<div id="p6" onmouseover="writetext(sixthtext)" onmouseout="notext()">F</div>
<div id="textarea"></div>
</body>
</html>


Danke und Grüsse, Thomas.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
reacon

Dabei seit: 27.08.2004
Ort: -
Alter: 31
Geschlecht: Männlich
Verfasst Sa 06.05.2006 18:45
Titel

Antworten mit Zitat Zum Seitenanfang

Den letzten beiden Div's gibts du jeweils die Eigenschaft float:left;

Einen Abstand zum linken DIV machst du mit margin-left: 5px; beispielsweise.

edit:// Müsste eigentlich funktionieren. Versuche seit kurzer Zeit erst Inhalt und Layout strikt voneinander zu trennen. Also kein Tabellenlayout.


Zuletzt bearbeitet von reacon am Sa 06.05.2006 18:57, insgesamt 5-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
niederberger
Threadersteller

Dabei seit: 26.07.2005
Ort: Buochs NW - Schweiz
Alter: 39
Geschlecht: Männlich
Verfasst Sa 06.05.2006 22:10
Titel

Antworten mit Zitat Zum Seitenanfang

Funktioniert. Tausend Dank.
Bin drum auch gerade an den ersten Gehversuchen mit Layouten ohne Tabelle - ist genial aber teilweise halt etwas aufwendiger in den Kinderschuhen Lächel))
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Benutzer 37356
Account gelöscht


Ort: -

Verfasst So 07.05.2006 10:07
Titel

Antworten mit Zitat Zum Seitenanfang

Noch ein Tipp zum Layouten ohne Tabelle: Wenn du padding benutzt, zum beispiel padding-left: 5px; dann muss die Breite des Div´s auch um 5px gekürzt werden. Habe mir am Anfang die Haare daran ausgerupft Grins

naja und wer noch ein paar css-codes braucht: http://www.css4you.de/


Zuletzt bearbeitet von am So 07.05.2006 10:07, insgesamt 1-mal bearbeitet
 
 
Ähnliche Themen Problem mit <div>'s nebeneinander
2 div-bereiche nebeneinander...
Div horizontal nebeneinander ?
div nebeneinander positionieren
Problem mit 2 Listen (nebeneinander) in einem Div
DIV nebeneinander statisch UND dynamisch?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.