site an auflösung anpassen
lima-city → Forum → Die eigene Homepage → Grafikdesign
angabe
angeben
background
beitrag
boxen
brauchbares hast
button
center
container
datei
display
eigenschaft
fehler
information
komisch deswegen
mache
margin
none
paar buttons
prozentualen angaben
-
hallo ich arbeite gerade etwas an meiner hp und wollte meine hp flexibel machen f?r s?mtliche aufl?sungen , da ich auf meinem laptop eine 1280x800 aufl?sung habe und unterschiedliche aufl?sungen schlecht testen kann.
nun habe ich mir ein paar buttons mit css zusammengebaut und m?chte das die prozentual an die aufl?sung angepasst werden mit % funktioniert das aber nicht so richtig was mache ich jetzt bzw was mache ich falsch
das sind die buttons
.Button { width:100%; margin:3% 0% 3% 0%; color: #FFFFFF; } .Button a { font-size:95%; font-weight:bold; color:#FFFFFF; text-align:center; text-decoration:none; background-color:#000000; display:block; border-width:1,5%; border-style:solid; border-color:#D5D5D5 #969696 #969696 #D5D5D5; } .Button a:hover { font-size:95%; font-weight:bold; color:#FFFFFF; text-align:center; text-decoration:none; background-color:#000000; display:block; border-width:1,5%; border-style:solid; border-color:#969696 #D5D5D5 #D5D5D5 #969696; }
ich habe halt keine lust mich festzulegen auf eine aufl?sung das w?r ja auch zu einfach ;)
Beitrag ge?ndert am 22.10.2005 22:11 von pad8626 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
was denksten du was das sein soll nur wegen den <? das geht halt leider nicht anders wenn man code posten will lol ey nach was sieht das sonst aus ??
-
ja aber was brauchbares hast du auch nich auf lager also ich bitte diese kommentare zu unterlassen das ist das was mich an lima ankotzt hauptsache erst mal einen dummen kommentar dazu geschrieben, aber wenn man wirklich mal ein problem hat dann kommt sowas danke auch...
-
L?s es doch mit JS....
Ich hab gerade erst sowas in der art geschrieben:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Grooving-Church-Project.de</title>
</head>
<body>
<table style="text-align: left; width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td style="text-align: center;"><a href="index2.html">
<script>
var breite = screen.width;
if (breite >= 1280)
document.write('<img src="startup.jpg" border="0">');
else
if (breite <= 1279)
document.write('<img src="startup_70.jpg" border="0">');
</script></a>
</td></tr> </tbody>
</table>
</body>
</html>
Je nach Bildschirmaufl?sung wird ein anderes Startupbild geladen...
Beitrag ge?ndert am 23.10.2005 10:14 von ohost
Beitrag ge?ndert am 23.10.2005 10:14 von ohost -
ich will aber meinen css code dynamisch haben da ich nicht mit bildern arbeite.
-
OMG die obrigen spams sind ja schlimm.
Also du verwendest irgendwie komische Angaben. Bei den meisten sachen darf man glaube ich eh keine prozentualen angaben machen. (z.b. Border-width)
.Button{ width:100%; margin:3% 0px 3% 0px; color: #FFFFFF; } .Button a { font-size:95%; font-weight:bold; color:#FFFFFF; text-align:center; text-decoration:none; background-color:#000000; display:block; border-width:1px; border-style:solid; border-color:#D5D5D5 #969696 #969696 #D5D5D5; } .Button a:hover{ font-size:95%; font-weight:bold; color:#FFFFFF; text-align:center; text-decoration:none; background-color:#000000; display:block; border-width:1px; border-style:solid; border-color:#969696 #D5D5D5 #D5D5D5 #969696; }
Der Code d?rfte auf jeden fall funktionieren, aber d?rfte ich wissen, wie es aussehen soll, weil wenn die Buttons 100% breit w?ren, w?re das ein bisschen komisch. Deswegen denke ich, dass du bestimmt eine Tabelle benutzt und bei der musst du auch Prozentuale Angaben machen. (Oder du benutzt ein Div-Container, was wesentlich besser w?re...)
Also wie gesagt Informationen w?ren nicht schlecht, da an deinem alten Code nich viel falsch war.
Edit: Jetzt hast du selber sowas dummes gesagt. Du solltest doch noch sagen was falsch ist etc... -.-
Beitrag ge?ndert am 23.10.2005 11:18 von i-spacke -
ja das liegt daran das sie in nem container sind ^^
aber jetzt wei? ich wieso ich mal wieder der meinung war das es nicht funktioniert weil es im IE nicht funktioniert ;( in allen anderen browsern auf anderen rechnern funktioniert es s****** IE
was kann ich dagegen machen
Beitrag ge?ndert am 23.10.2005 11:24 von pad8626 -
hab den fehler gefunden der ie 5 , 5.5 , 6 unterst?tzt keine % angaben bei der eigenschaft border-width was kann man dagegen machen ??
-
hab den fehler gefunden der ie 5 , 5.5 , 6 unterst?tzt keine % angaben bei der eigenschaft border-width was kann man dagegen machen ??
M?glichkeit 1:
Zitat aus SELFTHTML:Die Angabe border-width wird nur interpretiert, wenn au?erdem der Rahmentyp (border-style) angegeben wird, also etwa:
<p style="border-style:solid; border-width:thin">.
M?glichkeit 2:
Gib der allen ?bergeordneten Box, also dem "body", feste Rahmenma?e vor, vielleicht klappen dann die Prozentangaben (die beziehen sich immer auf die Ma?e der ?bergeordneten Box).
M?glichkeit 3:
Schreibe einen XHTML-Header in deine HTML-Datei. Dann schaltet der MSIE in den Standard-Compliance-Mode und vergisst die meisten seiner Fehler.
M?glichkeit 4:
Verwende "em" oder "pt" oder "pc", die m?ssten auch unabh?ngig von der Aufl?sung berechnet werden.
Keine Ahnung, ob das hilft, aber probieren schadet ja nichts, oder?
-
das h?rt sich gut an 4 kommt nicht in frage es soll abh?ngig von der aufl?sung sein.
m?glichkeit 3 intressiert mich am meisten wie mach ich das ?? -
F?ge folgendes vor dem <head>-Tag in deine HTML-Datei ein:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
-
naja das lassen wir dann doch , weil wenn ich das mit dem xml einf?ge dann will der php parser net mehr. und gibt bis auf bei firefox nur nen fehler aus
-
Dann lass den xml-Header weg. Nur <html> reicht zumindest beim FF, um "umzuschalten".
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
