HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |
|

15-12-2006, 17:20
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
[HTML] Div Design
Hi Jungs,
wie von euch empfohlen habe ich mal versucht mein Design in DIVs zu coden. Und da habe ich ein paar Probleme.
http://preview.mega-online.eu/digital/index2.html
wie ihr seht ist oben der Login box nicht alles center wie mache ich das ??
befehle die ich versucht hatte align="center" und vertical align. Desweitern macht Firefox immer einen Abstand zwischen den Divs wie bekomme ich das weg ?
|

15-12-2006, 17:30
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.800
|
|
1. als erstes sollest du den title von meinem tutorial entfernen und einen eigenen einbauen
2. du sollest nicht permanent mit divs arbeiten. stichwort div_suppe
3. tipp: binde die schmuckbilder über background-image ein
4. zerschnippel die bilder nicht so. du arbeitest nicht mehr mit layout-tabellen und dein denken muss sich davon auch lösen
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|

15-12-2006, 18:00
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
Oki also weniger divs sondern mehr listen alles klar.
Bilder will ich erstmal so lassen wenn es geht.
wieso soll ich immer background image nehmen und nicht <img src ???
und zu meinen Fragen ?
|

15-12-2006, 18:10
|
hhcm
PHP Senior
|
|
Registriert seit: Jun 2005
Ort: Viersen, NRW
Beiträge: 1.833
|
|
Beherzige doch erst mal Kropffs hinweise.
Bilder als hintergrund haben z.B den Vorteil das man drüber schreiben kann und im IE nicht so hässliche Mouseover effekte bieten.
Momentan würde ich ein Tabellenlayout deinem vorziehen. (DIV Suppe halt)
__________________
gruss Chris
Derjenige, der sagt: "Es geht nicht", soll den nicht stoeren, der's gerade tut."
|

15-12-2006, 18:11
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
oki dann änder ich da mal was  danke ^^ aber zu meinen Problemen
|

15-12-2006, 18:16
|
hhcm
PHP Senior
|
|
Registriert seit: Jun 2005
Ort: Viersen, NRW
Beiträge: 1.833
|
|
ICH für meinen Teil schau mir den Quellcode nicht weiter an.
padding, margin, float ...
Damit kannst du einiges erreichen .. Sachen wie ALIGN="CENTER" (ka ob du´s benutzt) vergisst du mal schnell wieder...
__________________
gruss Chris
Derjenige, der sagt: "Es geht nicht", soll den nicht stoeren, der's gerade tut."
|

15-12-2006, 18:19
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
also ich habe zuviele Divs alles klar ^^
|

15-12-2006, 18:29
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.800
|
|
wenn du mit zigtausend divs arbeitest, ist das fast genau so, als ob du mit layout-tabellen werkelst. da auf die schnelle fehler zu finden, ist sehr schwer.
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|

15-12-2006, 18:34
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
oki aber wie meint ihr das weg vom tabellen layout also auch größere Bilder nehmen statt immer die kleinen ?
|

15-12-2006, 18:43
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.800
|
|
ja nicht zerschnipseln. und wenn diese bilder reine schmuckelemente sind, in den hintergrund packen, wenn möglich.
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|

15-12-2006, 18:44
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
oki gut soll ich dann immer style="back.... ?????
|

15-12-2006, 18:48
|
hhcm
PHP Senior
|
|
Registriert seit: Jun 2005
Ort: Viersen, NRW
Beiträge: 1.833
|
|
wozu style=back wenn´s im Stylesheet selbst auch geht?
__________________
gruss Chris
Derjenige, der sagt: "Es geht nicht", soll den nicht stoeren, der's gerade tut."
|

15-12-2006, 19:56
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
ja dann muss ich ja für jedes bild ein neue klasse machen
|

15-12-2006, 19:58
|
gruenspan
Registrierter Benutzer
|
|
Registriert seit: Oct 2005
Beiträge: 470
|
|
Wie von Kropff bereits erwähnt...
Zitat:
...zerschnippel die bilder nicht so. du arbeitest nicht mehr mit layout-tabellen und dein denken muss sich davon auch lösen
|
..und wenn Du alle vorangegangenen Tipps beherzigst und Dir vorm schreiben Deines HTML-Gerüstes einfach mal ne Skizze machst, dann wird alles viel klarer und einfacher.
Ich hab Dir mal eine Beispielskizze angehängt. Nur zum Verständniss.
|

15-12-2006, 19:59
|
meGa
Junior Member
|
|
Registriert seit: Jul 2006
Beiträge: 152
|
|
mhhh cool danke ich versuche jetzt mich daran festzuahlten
ich habe es mal so versucht:
http://preview.mega-online.eu/digital/index2.html
ist es so richtig mit dem li ?????
mein problem ist das team nicht in der reihe ist wenn ich bei logo float:left mache auch nicht wieso ?
Code:
.head {
background-image:url(Bilder/index_01.jpg);
height: 58px;
width: 988px;
}
.login {
background-image:url(Bilder/index_04.jpg);
height: 109px;
float: left;
width: 229px;
}
.logo {
background-image:url(Bilder/index_05.jpg);
height: 109px;
width: 563px;
}
.team {
background-image:url(Bilder/index_06.jpg);
height: 109px;
width: 196px;
}
Geändert von meGa (15-12-2006 um 20:07 Uhr)
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Thema bewerten |
|
Forumregeln
|
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
|
PHP News
Aktuelle PHP Scripte
Homepagetools 2022
Kostenloses Gästebuch und Homepagetools für die eigene Homepage.
Bei GuxDu kann man sich kostenlos die Websitetools auf die vorhandene Website einbauen. Zudem kann man bei GuxDU auch eine eigene Homepage mit 3D Effekten erstellen. GuxDu ist kostenlos.
29.04.2022
freepler | Kategorie: PHP/ Gaestebuch
|
SF-Shopsystem V1.0
Hier haben wir ein einzigartiges Shopsystem in PHP.
Die Anzahl der Artikel ist unbegrenzt, einfach zu bedienen und erklärt sich.
Ausführliche Beschreibung weiter unten.
28.04.2022
Speedcrawler | Kategorie: PHP/ Shops
|
Anzeigen Markt mit PayPal Bezahl System
Anzeigen Markt Script
mit PayPal Bezahl System
Der Benutzer hat die Möglichkeit sofort nach Bezahlung mit PayPal
seine Anzeigen zu schalten, je nach seinem Guthaben.
27.04.2022
Webace_de | Kategorie: PHP/ Anzeigenmarkt
|
Alle PHP Scripte anzeigen
|