php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


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

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #16 (permalink)  
Alt 23-09-2010, 21:55
AmicaNoctis
  Moderatorin
Links : Onlinestatus : AmicaNoctis ist offline
Registriert seit: Jul 2009
Beiträge: 5.709
Blog-Einträge: 9
AmicaNoctis sorgt für eine eindrucksvolle AtmosphäreAmicaNoctis sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo,

bitte nimm es mir nicht übel, dass ich mir das CSS gar nicht erst ansehe. Ein Stylesheet ohne zugehöriges Dokument sagt gar nichts aus, weil man die Struktur nicht kennt.

Div-Elemente relativ zueinander positionieren geht nur, wenn sie im Fluss sind, also nicht mit position: absolute. Die Möglichkeiten die du dann hast, umfassen Floating, relative Positionierung und Margin. Genauere Infos gibt es bei Bedarf, aber dafür musst du auch erstmal genauer werden.

Gruß,

Amica
__________________
Hast du die Grundlagen zur Fehlersuche gelesen? Hast du Code-Tags benutzt?
Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
Super, danke!
Mit Zitat antworten
  #17 (permalink)  
Alt 23-09-2010, 21:56
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Sorry, aber wenn ich schon so was wie "#id20100923-05_" sehe, dann geht mir die Hutschnur hoch. Vergiß dein scheiß Klickibunti-Mist mit Photoshop, das ist Müll. Lerne HTML/CSS vernünftig, dann brauchst nicht mit diesem Krücken und dem verdammten position zu arbeiten.

Lerne die Theorie zu HTML und CSS. Dann nimm dir ein paar Tutorials vor und du wirst verstehen, warum ich so reagiere.

Peter

PS: Außerdem solltest du, wenn möglich, die Seite mal online verfügbar machen. So kann man sich darunter nichts vorstellen.
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #18 (permalink)  
Alt 25-09-2010, 19:58
kerbstone
 Registrierter Benutzer
Links : Onlinestatus : kerbstone ist offline
Registriert seit: Nov 2004
Beiträge: 412
kerbstone ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Ok, ich habe nun CSS intensiviert und bin zu folgendem Ergebnis gekommen:

Ich kann nun mein Grundlayout mit Farbverlauf, Content-Box und Schattierung
komplett ohne Bilder (Cross-Browser kompatibel!) mit CSS3 erstellen.
Das DIV für den Content wächst mit skalierendem Text mit.

Wie aber zum Teufel kann ich Logo, Slogan und Banner über dem Content
innerhalb der mainbox positionieren, sodass das Logo rechts innerhalb
der mainbox, der Slogan direkt darunter und auf der linken
Seite neben dem Slogan der Banner befindlich ist?

HTML-Code:
<style type="text/css">
body {
	/* For Non-CSS3 Browsers */
	background: #F7F3F7;
	
	/* Cross-Browser CSS Gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9D9D9D', endColorstr='#F7F3F7'); /* For IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#9D9D9D), to(#F7F3F7)); /* For Webkit Browsers */
	background: -moz-linear-gradient(top,  #9D9D9D,  #F7F3F7); /* For Firefox 3.6+ */
	background-repeat: no-repeat;
}

.rel {
	margin: 25px 0 0 0;
	padding: 25px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

.mainbox {
	background-color: #FFFFFF;
	width: 954px;
	margin: 0 auto 15px auto;
	padding: 30px;
	border-top: 4px solid #8F8F8F;
	border-right: 4px solid #8F8F8F;
	border-bottom: 4px solid #8F8F8F;
	border-left: 4px solid #8F8F8F;

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	
	font-size: 24px;
	font-family: Arial Narrow;
	color: #A6A6A6;
}
</style>
HTML-Code:
<body>
	<div class="rel">
		<div class="mainbox">
			<div id="logo"></div>
			<div id="slogan"></div>
			<div id="banner"></div>
			<div id="content">
			Headline<br /><br />
			Text, Text, Text
			</div>
		</div>
	</div>
</body>
Mit Zitat antworten
  #19 (permalink)  
Alt 25-09-2010, 20:07
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von kerbstone Beitrag anzeigen
Wie aber zum Teufel kann ich Logo, Slogan und Banner über dem Content innerhalb der mainbox positionieren, sodass das Logo rechts innerhalb der mainbox, der Slogan direkt darunter und auf der linken Seite neben dem Slogan der Banner befindlich ist?
Wieso zum Teufel kochst du so eine DIV-Suppe, anstatt das ganze erst mal vernünftig auszuzeichnen?
Sinnvolles HTML solltest du erst mal herstellen - bevor du überhaupt an die Darstellung und damit an CSS denkst.

Und zur eigentlichen Frage - Floating, absolute Positionierung, ... die Möglichkeiten sind zahlreich.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
  #20 (permalink)  
Alt 25-09-2010, 20:16
kerbstone
 Registrierter Benutzer
Links : Onlinestatus : kerbstone ist offline
Registriert seit: Nov 2004
Beiträge: 412
kerbstone ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Bitte erkläre das genauer. Wie sähe denn bitte die optimale Auszeichnung ohne DIV-Suppe aus?
Abgesehen davon, dass ich besser alles mit IDs statt mit (Classes und IDs) hätte versehen haben sollen,
damit die Eindeutigkeit der Elemente definiert ist...

Geändert von kerbstone (25-09-2010 um 20:27 Uhr)
Mit Zitat antworten
  #21 (permalink)  
Alt 25-09-2010, 20:32
wahsaga
  Moderator
Links : Onlinestatus : wahsaga ist offline
Registriert seit: Sep 2001
Beiträge: 25.236
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von kerbstone Beitrag anzeigen
Bitte erkläre das genauer.
Natürlich - das erklärt doch jeder immer wieder gerne zum x-tausendsten Mal ...

Zitat:
Wie sähe denn bitte die optimale Auszeichnung aus ohne DIV-Suppe?
Mit den HTML-Elementen, die sich für den jeweiligen Inhalt am besten anbieten.

Wenn du Headline als Inhalt da stehen hast - dann sollte absolut selbstverständlich sein, dass du das auch als hx-Element auszeichnest. Und Abstände werden dann nicht über BR gemacht - sondern der Fließtext in Absätzen ausgezeichnet, und die dann ggf. per CSS entsprechend formatiert.

Logo, Slogan, Banner - was man davon ggf. auch als (Haupt-)Überschrift auszeichnet (dann natürlich mit entsprechendem Alternativtext, falls in Bildform), wäre zu überlegen. Vielleicht baut man auch den kompletten Header als eine Hauptüberschrift auf.


Und wenn du erst mal die Inhalte mit entsprechenden (Block-)Elementen ausgezeichnet hast - dann braucht es um diese kein DIV drumherum mehr, die lassen sich auch direkt formatieren.

DIV dient zum Gruppieren von Elementen - aber nicht als das pauschale Element, das man für alles mögliche nutzt, weil man sich keine Gedanken darum machen will, wie der jeweilige Inhalte strukturell am sinnvollsten auszuzeichnen wäre.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[IE] UL-Liste horizontal zentriert in DIV hasch HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 8 09-01-2009 21:46
[CSS] position:fixed nur horizontal mrhappiness HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 2 16-01-2007 13:11
select horizontal und vertikal flobee SQL / Datenbanken 0 22-01-2006 12:21
[Variablen] Menu horizontal Jessica PHP Developer Forum 4 10-12-2004 18:32
horizontal summieren cuniculus SQL / Datenbanken 5 04-08-2004 01:32

Themen-Optionen
Thema bewerten
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.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

ADSMAN V3 - Werbe-Manager ansehen ADSMAN V3 - Werbe-Manager

ADSMAN V3 - mehr als nur ein Bannermanager! Banner, Textanzeigen und PagePeel Manager! Mit ADSMAN PRO haben Sie die Marketinglösung für eine effektive und effiziente Werbeschaltung mit messbaren Ergebnissen. Unterstützt werden Bannerformate in beliebi

25.10.2018 virtualsystem | Kategorie: PHP/ Bannerverwaltung
PHP News und Artikel Script V2

News schreiben, verwalten, veröffentlichen. Dies ist jetzt mit dem neuen PHP News & Artikel System von virtualsystem.de noch einfacher. Die integrierte Multi-User-Funktion und der WYSIWYG-Editor (MS-Office ähnliche Bedienung) ermöglichen...

25.10.2018 virtualsystem | Kategorie: PHP/ News
Top-Side Guestbook

Gästebuch auf Textbasis (kein MySQL nötig) mit Smilies, Ip Sperre (Zeit selbst einstellbar), Spamschutz, Captcha (Code-Eingabe), BB-Code, Hitcounter, Löschfunktion, Editierfunktion, Kommentarfunktion, Kürzung langer Wörter, Seiten- bzw. Blätterfunktion, V

22.10.2018 webmaster10 | Kategorie: PHP/ Gaestebuch
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 20:21 Uhr.