[Erledigt] Css, Grafik-Abstand oben und link

owii · 15.01.2010, 15:16

Huhu,

ich erstelle meine Seiten normal mit Tabellen. Nur leider funktioniert mein Mouseover-Effekt nur mit CSS. Daher wollte ich Fragen ob ihr mir kurz bei folgender Anfängerfrage helfen könntet:

Ich möchte an sich nur dass jede der Grafiken einen Abstand von 4 Pixel oben, 3 Pixel links bekommen und die zentriert ausgerichtet werden. Der Abstand (oben/links) sollte sich am vorhandenen Div (der mit dem Hintergrund) orientiert.

Ich würde mich über eure Hilfe freuen.

Code:

.buchstabes {
position: absolute; 
width: 242px; 
height: 65px; 
margin-top:112px;
margin-left:268px;
background-image: url(bilder/navioben-1-bg.jpg); 
}

<div id="buchstabe" class="buchstabes" >
<img src="bilder/a.gif"/><img src="bilder/a.gif"/>
</div>

webproger · 15.01.2010, 15:23

margin?

mepeisen · 15.01.2010, 15:27

Schaue ins Selfhtml deines Vertrauens nach der CSS-Eigenschaft margin oder padding.

Wo bitte ist hier was mit Mouseover?

owii · 15.01.2010, 15:27

Ich habe echt 0 Ahnung von CSS aber wenn ich jedem Bild nen Div zuordne mit Margin passiert nichts außer dass die untereinander landen:

Code:

.buschstabeabstand { margin-top:4px; margin-left:3px; }

<div id="buschstabeabstand"><img src="bilder/a.gif"/ ></div>

mepeisen · 15.01.2010, 15:28

Div macht automatisch einen Umbruch per Standard. Nutze am besten als Anfänger erstemal Span außen rum.

Alternativ kannst du auch dem Img selbst die class "buschstabeabstand" zuweisen.

Achja: BUCHSTABE (ohne s), nicht BUSCHSTABE

draco88 · 15.01.2010, 15:29

Warum nicht einfach dem img die Klasse geben, dann funktioniert das auch.

Edit: zu spät...

owii · 15.01.2010, 15:29

<img class="buschstabeabstand" src="bilder/a.gif"/ >

Perfekt, danke! (jetzt erstmal buschstabe ändern

)

mepeisen · 15.01.2010, 15:31

Ich habe nicht der Unübersichtlichkeit wegen gefragt sondern weil du es erwähnt hast. Wenns nichts mit dem Problem zu tun hat, dann schreibs dazu

nikosch · 15.01.2010, 16:45

Das Problem ist nicht div oder Image, sondern Klasse oder ID. Das ist ein Unterschied!

http://www.php.de/php-einsteiger/489...rundlagen.html Selfhtml!!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Eine Seite mit allen GET-Variablen in Link übernehmen	snemies	PHP Tipps 2009	5	30.10.2009 15:40
link -> get variabeln auslesen	clemo	PHP Tipps 2009	10	25.09.2009 02:16
[Erledigt] gesamte Spalte in Array abspeichern	Kotbatzen	PHP Tipps 2009	23	05.09.2009 00:01
Link mit ID in Echo einbinden	Mitch26	PHP Tipps 2009	4	06.08.2009 17:02
[Erledigt] mail() mit <a herf... Link in Html Mail geht nicht!?	BettinaSyn	PHP Tipps 2009	11	16.05.2009 22:28
erst beim zweiten Login funktioniert Link	scarry_77	PHP Tipps 2009	5	14.04.2009 00:35
Koordinaten des Mauszeigers über einer Grafik (Drag&Drop mit jQuery)	anbeck	JavaScript, Ajax und mehr	5	19.01.2009 16:28
Klick auf Seitenobjekt (Link mit onClick Ereigniss) mit JScript simulieren	Stephan_87	JavaScript, Ajax und mehr	1	22.12.2008 21:50
[Erledigt] Grafik in Scheiben schneiden		PHP Tipps 2006	6	02.05.2006 18:23
Daten aus MySQL-abfrage zum Link mit id zusammensetzen	maccoder	Datenbanken	2	13.09.2005 16:49
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
Grafik als Link	TRW	HTML, Usability und Barrierefreiheit	10	28.01.2005 17:59
absoluter link		PHP Tipps 2004	10	01.07.2004 23:00
PHP Link ???		PHP Tipps 2004	4	25.06.2004 17:24
Grafik in Grafik einfügen	Filewalker	PHP Tipps 2004	3	20.06.2004 14:04

15.01.2010, 15:16
owii Benutzer Registriert seit: 01.05.2009 Beiträge: 43 PHP-Kenntnisse: Anfänger	[Erledigt] Css, Grafik-Abstand oben und link Huhu, ich erstelle meine Seiten normal mit Tabellen. Nur leider funktioniert mein Mouseover-Effekt nur mit CSS. Daher wollte ich Fragen ob ihr mir kurz bei folgender Anfängerfrage helfen könntet: Ich möchte an sich nur dass jede der Grafiken einen Abstand von 4 Pixel oben, 3 Pixel links bekommen und die zentriert ausgerichtet werden. Der Abstand (oben/links) sollte sich am vorhandenen Div (der mit dem Hintergrund) orientiert. Ich würde mich über eure Hilfe freuen. Code: .buchstabes { position: absolute; width: 242px; height: 65px; margin-top:112px; margin-left:268px; background-image: url(bilder/navioben-1-bg.jpg); } <div id="buchstabe" class="buchstabes" > <img src="bilder/a.gif"/><img src="bilder/a.gif"/> </div> Geändert von owii (15.01.2010 um 15:22 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.01.2010, 15:23
webproger Erfahrener Benutzer Registriert seit: 02.12.2008 Beiträge: 357	margin? __________________

15.01.2010, 15:27
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 5.234 PHP-Kenntnisse: Fortgeschritten	Schaue ins Selfhtml deines Vertrauens nach der CSS-Eigenschaft margin oder padding. Wo bitte ist hier was mit Mouseover? __________________ www.php-maven.org PHP und Maven vereint: Build/Deploy/Produktion/Konfiguration, Projekt Management, CI, PHPUnit, zahlreiche Frameworks Twitter @ https://twitter.com/#!/mepeisen und Facebook @ http://t.co/DZnKSUih

15.01.2010, 15:28
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 5.234 PHP-Kenntnisse: Fortgeschritten	Div macht automatisch einen Umbruch per Standard. Nutze am besten als Anfänger erstemal Span außen rum. Alternativ kannst du auch dem Img selbst die class "buschstabeabstand" zuweisen. Achja: BUCHSTABE (ohne s), nicht BUSCHSTABE __________________ www.php-maven.org PHP und Maven vereint: Build/Deploy/Produktion/Konfiguration, Projekt Management, CI, PHPUnit, zahlreiche Frameworks Twitter @ https://twitter.com/#!/mepeisen und Facebook @ http://t.co/DZnKSUih

15.01.2010, 15:29
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	Warum nicht einfach dem img die Klasse geben, dann funktioniert das auch. Edit: zu spät...

15.01.2010, 15:31
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 5.234 PHP-Kenntnisse: Fortgeschritten	Ich habe nicht der Unübersichtlichkeit wegen gefragt sondern weil du es erwähnt hast. Wenns nichts mit dem Problem zu tun hat, dann schreibs dazu __________________ www.php-maven.org PHP und Maven vereint: Build/Deploy/Produktion/Konfiguration, Projekt Management, CI, PHPUnit, zahlreiche Frameworks Twitter @ https://twitter.com/#!/mepeisen und Facebook @ http://t.co/DZnKSUih

15.01.2010, 16:45
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das Problem ist nicht div oder Image, sondern Klasse oder ID. Das ist ein Unterschied! http://www.php.de/php-einsteiger/489...rundlagen.html Selfhtml!! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --