mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 13:51 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: 46
Geschlecht: Männlich
Verfasst Sa 06.05.2006 19: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: 38
Geschlecht: Männlich
Verfasst Sa 06.05.2006 19: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 19: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: 46
Geschlecht: Männlich
Verfasst Sa 06.05.2006 23: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 11: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 11:07, insgesamt 1-mal bearbeitet
 
 
Ähnliche Themen CSS Woerter nebeneinander
IE 7 Liste nebeneinander
div nebeneinander positionieren
css 3 spalten nebeneinander
3 divs nebeneinander
Problem mit <div>'s nebeneinander
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB