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
  #1 (permalink)  
Alt 20-11-2006, 11:10
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard hover schaltet line-height aus

Hallo,
wenn ich über diese Zeile:
<p><a href="images/mc7450.pdf" target="_blank">PDF-Datenblatt...
mit der Maus gehe (hover),
fällt die Zeile von 145% in sich zusammen.
Dadurch rutscht auch das Bild häßlich an den unteren Rand.


PHP-Code:
a:hover 
          
background-color:yellow;
            
text-decoration:none;  
          }
#angebot p 
           
{  line-height145%;
              
margin0 0 0 12px;
           }
    
.
small 
           
font-size:70%;
           }



<
div id="angebot">
          <
p> <img class="imagefloat" src="images/7450.jpg"
                 
alt="aaa"></p>
         <
p>aaa</p>
         <
p><b>DIN A3</bFarb-Laser-Drucker</p
         <
p><a href="images/mc7450.pdf" target="_blank">PDF-Datenblatt 
                für magicolor 7450
</a></p>
<
div class="Preis">Euro xxx<span class="small"inkl.    
           
Mwst.</span>

    </
div>
         <
pabzüglich € xxx Cash-Back</p>
  </
div
gruss und dankeschön
pepsi

Geändert von pepsi (20-11-2006 um 11:36 Uhr)
Mit Zitat antworten
  #2 (permalink)  
Alt 20-11-2006, 16:13
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Standard

mehr details?! Welcher Browser? bei mir funktionierts. Beispiel-Seite? etc..
__________________
visit bepeppered.net
Mit Zitat antworten
  #3 (permalink)  
Alt 20-11-2006, 16:47
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

danke fürs Erbarmen.

glaube bin evtl. auf dem Weg...
bei css = Boxmodell hat jede Box einen anderen Namen.

Weil die Boxen bei mir keine Höhe haben,
dachte ich, ich könnte die gleiche Box
für mehrere "Angebote" verwenden.

aber mit dem Ausprobieren bin ich noch erfolglos.
Ohne line-height steht der Text in der Box
in nur einer Reihe übereinander.
Mit line-height: rutscht beim ersten "drüberhuschen"
über den Datenblatt-pdf-Link dieser Text und das Bild
etwas nach unten. (etwas!)

Hier meine Seite: darf ich das so? http://wittkowski.com/Konica.php

script-Text folgt auch noch gleich
Mit Zitat antworten
  #4 (permalink)  
Alt 20-11-2006, 16:50
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

ach so:
IE-Browser

PHP-Code:

#angebot
    
{
    
width500px;
    
background-color#fff;
    
border2px solid red;
    }
    
    
    
    }
    
#angebot p { line-height: 145%;
                
margin0 0 0 12px;
                }




<
div id="angebot"

 <
p> <img class="imagefloat" src="images/kamera.jpg" alt="Olympus Kamera">
    
OLYMPUS..........    </p>
<
div class="Preis">Euro<span style="margin-left:10px"289,00 <span class="small"inklMwst.</span></div>
 </
div>
 
  
 <
div id="angebot">
   <
p> <img class="imagefloat" src="images/7450.jpg" alt="konica minolta"></p>
    <
p>KONICA .........</a></p>
 <
div class="Preis">Euro 2.999,00 <span class="small"inklMwst.</span></div>
 <
pabzüglich € 250,00 Cash-Back</p>
  </
div

etwas ausführlicher?
danke für's Verständnis

gruss Pepsi

Geändert von pepsi (20-11-2006 um 16:59 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 20-11-2006, 16:56
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Standard

Also es geht, mach mal so, dass alles verruscht
__________________
visit bepeppered.net
Mit Zitat antworten
  #6 (permalink)  
Alt 20-11-2006, 17:06
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

kleinen Moment noch (Neustart / zu langsam plötzlich)
Mit Zitat antworten
  #7 (permalink)  
Alt 20-11-2006, 17:07
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

alles patschdich zusammen
Mit Zitat antworten
  #8 (permalink)  
Alt 20-11-2006, 17:27
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

so, hier ist ein Bild von meinem Chaos...
wenn ich line-height 145% herausnehme.


hab die Seite CSS validiert. alles ok.


Geändert von pepsi (21-11-2006 um 09:47 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 21-11-2006, 09:59
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Guten Morgen,

letzter Versuch, für einen Schönheitsfehler,
der nicht so auffällt. Ich hätte nur gerne gewusst, warum.

im beigefügten Bild sind nocheinmal die drei Variationen:
1. wie es mir gefällt.
2. wie es verrutscht
3. als ob line-height das Zünglein an der Wage wäre.

Ich hoffe, ich rege Euch nicht mit meinem Problemchen auf.

Mein schlechtes Gewissen:
Ich habe vier rote "Boxen" alle gleich mit
#angebot bzw. <div id="angebot"> ausgewiesen.

Gruss
Pepsi
Angehängte Grafiken
Dateityp: jpg test.jpg (36,0 KB, 69x aufgerufen)
Mit Zitat antworten
  #10 (permalink)  
Alt 21-11-2006, 10:08
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.736
Kropff befindet sich auf einem aufstrebenden Ast
Standard

1. pro seite darf eine id nur einmal (!) vergeben werden. arbeite mit class.
2. beseitige alle fehler
3. sieht nach dem sog. guillotinen-bug aus.

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #11 (permalink)  
Alt 21-11-2006, 10:16
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

danke Peter,

stimmt (jetzt erinnere ich mich - selbstverständlich nur 1mal id). danke.

werde sofort mit class loslegen.
Deine Anwort hat mich wieder motiviert.

Gruss
Pepsi
Mit Zitat antworten
  #12 (permalink)  
Alt 21-11-2006, 19:39
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

ach ist das schön
wenn
"This Page Is Valid HTML 4.01 Strict!"
grün leuchtet !!!!!

---- und nix mehr "verrutscht" !!!!!!!!!!!!!!!!

weil ich auch div class (statt ein paarmal div id) eingesetzt habe

danke nochmal
Mit Zitat antworten
  #13 (permalink)  
Alt 21-11-2006, 21:59
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.736
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
ach ist das schön
OffTopic:
besser als ein orgasmus


petger
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
Antwort

Lesezeichen


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

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

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

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


 

Aktuelle PHP Scripte

Newsmanager

Der Newsmanager ist ein Newssystem und Newsletter in einem. Mit WYSIWYG Editor und E-Mail import aus einer bestehenden MySql Datenbank sowie dynamische Kategorien / Themen Filter.

11.09.2019 Stephan_1972 | Kategorie: PHP/ News
Modelmanager

Der Modelmanager ist ein Webtool für Fotografen, kann als komplette Homepage oder als Webtool installiert werden.

11.09.2019 Stephan_1972 | Kategorie: PHP/ Webservice
ContentLion - Open Source CMS ansehen ContentLion - Open Source CMS

ContentLion ist ein in PHP geschriebenes CMS, bei dem man Seiten, Einstellungen usw. in Ordnern lagern kann

22.08.2019 stevieswebsite2 | Kategorie: PHP/ CMS
 Alle PHP Scripte anzeigen

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