Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


Problem bei ausrichtung einer grafik mit CSS

 
Dieses Forum ist gesperrt, du kannst keine Beitrge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beitrge editieren oder beantworten.    9dots.de Webdesign Community Foren-bersicht -> Coding-Support
Vorheriges Thema anzeigen :: Nchstes Thema anzeigen  
Autor Nachricht
Kenne
Mitglied
Mitglied


Angemeldet: 15.05.2006
Beitrge: 70
Wohnort: Berlin
Interessen: Interessen zu haben...

BeitragVerfasst am: 12.10.2006, 15:12    Titel: Problem bei ausrichtung einer grafik mit CSS Antworten mit Zitat
hey ja wie der Titel es schon sagt habe ich Problem bei der ausrichtung meines Headers sowie der Navi...
Ich versuche es schon seit ca.2 std. aber ich komme nicht weiter! Selbst mein schlaues "Css-Buch" welches ich mir gekauft habe(!!!) bringt mich nicht weiter...
hier mal ein screen(nicht ershcrecken wegen den farben ist ja nur zur veranschaulichung): http://home.arcor.de/dettasilvi/scr.GIF
und hier mal der Code:
Code:

CSS
   body {
margin:0;
padding:0;
background-color:#242424;
background-repeat:repeat-y;
background-position:center;
background-image:url(../Images/vertbg.jpg);
}

div#content {
width:561px;
margin:auto;
}
span#header {
width:561px;
height:156px;
display:block;
background-repeat:no-repeat;
background-image:url(../Images/header.jpg);
}

ul.navi {
margin:0;
padding:0;
list-style-type:none;
}
ul.navi li {
float:left;
}
.navi a {
display:block;
text-decoration:none;
}
a#navi_home {
width:99px;
height:25px;
background-image:url(../Images/navi_home.jpg);
}
a#navi_about {
width:99px;
height:25px;
background-image:url(../Images/navi_about.jpg);
}
a#navi_art {
width:114px;
height:25px;
background-image:url(../Images/navi_art.jpg);
}
a#navi_tutorials {
width:123px;
height:25px;
background-image:url(../Images/navi_tutorials.jpg);
}


Code:

HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
        <title>Meine Seite</title>
        <link rel="stylesheet" type="text/css" media="screen" href="./inc/style.css" />
    </head>
    <body>

     <div id="content">
                <span id="header">&nbsp;</span>
            </div>
<ul class="navi">
<li><a href="#" id="navi_home">&nbsp;</a></li>
<li><a href="#" id="navi_about">&nbsp;</a></li>
<li><a href="#" id="navi_art">&nbsp;</a></li>
<li><a href="#" id="navi_tutorials">&nbsp;</a></li>

</ul>
         
     </body>
</html>


so nun hoffe ich auf eure hilfe denn ich komm nichtmehr klar...
es knnen auch sonstige nderungen vorgeschlagen werden Sehr glcklich

Kenne
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Impi
Mitglied
Mitglied


Angemeldet: 06.05.2006
Beitrge: 530


BeitragVerfasst am: 12.10.2006, 21:14    Titel: Antworten mit Zitat
Geschockt

Use tables n' be </invalid>!
Dann klappts auch mit der Darstellung.

Impi
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
Kenne
Mitglied
Mitglied


Angemeldet: 15.05.2006
Beitrge: 70
Wohnort: Berlin
Interessen: Interessen zu haben...

BeitragVerfasst am: 12.10.2006, 21:59    Titel: Antworten mit Zitat
hmm..tabellen...
http://www.frixon.de/docs/tablelayout.html
http://themasta.myspace.ath.cx/wkt/
http://www.designnation.de/Tutorial-lesen_XHTMLCSSHTMLElementerichtiggenutzt.html

als Html anfnger hat mich das eigentlich davon berzeugt keine Tabellen zu nutzen da beim 2ten Link genau die fragen gestellt und beantwortet werden die ich selbst gestellt htte...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
bl:nd
Moderator
Moderator


Angemeldet: 04.06.2004
Beitrge: 3499


BeitragVerfasst am: 12.10.2006, 23:00    Titel: Antworten mit Zitat
Tabellen waren ursprnglich nie fr das Layouten von Internetseiten gedacht - deine Einstellung, dich von Anfang an von Tabellen fernzuhalten und mit CSS zu arbeiten ist also auf jeden Fall richtig, halt da ruhig dran fest und lass dich wegen ein paar kleinen Problemen nicht gleich unterkriegen. Das schlussendlich Ergebnis wird definitv besser sein, wenn du CSS mal richtig im Griff hast.

Zu deinem vorliegenden Problem: Deine Navigation hast du so definiert, dass die links keinen Abstand hat (margin: 0) - nur packst du die ganze Liste mit den Navigationspunkten dann ja nicht in deinen Content-Div sondern drunter - er richtet sie also statt am linken Rand des Contents am linken Rand der Seite aus. nder das mal, dann sollte die Navigation auch dort sein, wo sie hingehrt. Smilie

(Sollte ich hier gerade irgendwas bersehen und infolge dessen allzu groen Bullshit erzhlt haben, seht es mir nach - bin eigentlich gerade schon auf dem Weg ins Bett und in Gedanken ganz wo anders... Winken )
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
Kenne
Mitglied
Mitglied


Angemeldet: 15.05.2006
Beitrge: 70
Wohnort: Berlin
Interessen: Interessen zu haben...

BeitragVerfasst am: 12.10.2006, 23:13    Titel: Antworten mit Zitat
sooo den header habe ich jetzt einigermaen hinbekommen und die navie habe ich weiter in die mitte bekommen aber es gibt immernoch ein problemchen...
hier ein screen:
http://home.arcor.de/dettasilvi/scre.GIF
leider siehts nur im dreamweaver so nicht im opera oder im IE!?
und der Code dazu:
CSS
Code:

   body {
margin:0;
padding:0;
background-color:#242424;
background-repeat:repeat-y;
background-position:center;
background-image:url(../Images/vertbg.jpg);
}

div#content {
width:561px;
margin-left:117px;
}
span#header {
width:561px;
height:156px;
display:block;
background-repeat:no-repeat;
background-image:url(../Images/header.jpg);
}

ul.navi {
margin-left:180px;
padding:0;
list-style-type:none;
}
ul.navi li {
float:left;
}
.navi a {
display:block;
text-decoration:none;
}
a#navi_home {
width:99px;
height:25px;
background-image:url(../Images/navi_home.jpg);
}
a#navi_about {
width:99px;
height:25px;
background-image:url(../Images/navi_about.jpg);
}
a#navi_art {
width:114px;
height:25px;
background-image:url(../Images/navi_art.jpg);
}
a#navi_tutorials {
width:123px;
height:25px;
background-image:url(../Images/navi_tutorials.jpg);
}



der Html Code bleibt derselbe...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Kenne
Mitglied
Mitglied


Angemeldet: 15.05.2006
Beitrge: 70
Wohnort: Berlin
Interessen: Interessen zu haben...

BeitragVerfasst am: 15.10.2006, 21:25    Titel: Antworten mit Zitat
Hat denn sonst keiner ne ahnung ich bekomms nicht...egal was ich tue..


Verlegen
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 10.05.2019, 06:43    Titel: Antworten mit Zitat
(00:279.8PERFBettTroiResaNeve1877КараHughAcidSnakcoloSifrFOREНастFlowАртиАртиHead
JeweSponJackGeneChriNinaПетеWateSmobAhavискуAudiLamuОстрContАфанKissсертXVIIрасс
CaroAlwicoloOptiЗахаAhavRicaJeanStepNatiФормРоссПодсструKimoBlurRatcblacМикшVIII
проиChriOxidMichСике(190сертOmsaStanFunkGiocвоорLordWindWindЧернTekkEdmuWindОтеч
фэн-GameProuSwarBoyzMarkHewlАртиCA01СмирDeceSonyАртиБелоPerlDecoвыбевообКоряупак
МусиAstrУкраVertRolaдопоШурыABBYФилиExpeрозоMounClanDolbКалдMichстекБураSS-6худо
AgneGoreHideAcidмодеребеHereCent3972CrisМеньElitКитаWindPUGNКупюприлtracМаксVali
HomeпереиздеГонкВысоmailWindwwwnбас-BorkSympGuccPuriСабаFiesкнигЛитРИДЮцЛитРINTE
ЛитРPeacЛитРмастФадерабоГарсМастэффеЮровXVIIBusiтворЕвдоBlacрабокульпедиRichCory
StriXVIIAlbeBlueОрлоавтоДурнавтоСухооргаClarworkпредВиктВербProfАлтыЧекаКороYell
СодеунивЦветСнасGeraSS-6SS-6SS-6ЛяхоТомаBamaWhatКаргБлиссказКузнрабоStudЗубоКрюч
Сивокниг
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 21.07.2019, 07:43    Titel: Antworten mit Zitat
adve202.7сжатSorrJeweПушкродиRadiAstrБариПСтБJurgФедоSkarDelfчитаNX04ElsePRESБарр
клейаналDISCGrinинстплощКонскульSidnGennFamiиспоМихаСероWillArouМатиАлянCourКарп
RonaПогоPatrOrieRobeМаврпосвSieLсертЧереInukXVIIMagiГайдGoreРоссискуценнПетуEleg
OmatSelaolicLobsJeanMickОкеасертPhilГоббПоноBracCrusПикупатрстатZoneсим-ELEGZone
ZoneElsyMatlСодеRogeMarkБригэксптворантрdiamШумаErneMiyoМинаЦареYourZoneZoneZone
ZoneменяXVIIZoneZoneМалиZoneZoneZoneChetКолеГоло3207ZoneZoneZoneEtaiMautпитаклей
ШараАфанMabeGeorБирюKawaЛукоRuyaКитаVanbRuya1773STARSeinARAG(ЛатжизнOperSympRave
JoseТуромесяWindKateLANGSmarБелоJumbDeLoPhilClorAdvarealЛитРАндрEnhaDeutStowТуке
ЛитРналоЧернШтейгазопроефельуслоКаниПетрJeweстерполуJapaПлисBaseFranфондохотDeep
PsycСокоЛатыНабиКравКомицикл(192театVoltAntoWindАгарБорзAnneDolbPatsруссночьКосо
JeweШавеТараавтоФифипитапитапитаМихазагаMoonLewiMotoтемаконсШуреиндиЦареНикиSucc
Daviдопо
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 03.09.2019, 14:54    Titel: Antworten mit Zitat
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинйоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфо
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 20.11.2019, 22:32    Titel: Antworten mit Zitat
Firs25удаеBettэпох(197GuntBrucРазуХираCameEverBarbRounLasgShirOverMoreClarБусу
ZoneукраТюриНедоFrieИллюездосистдесяСиркТрофВладчитаавтоБелаXVIIAntoЕвсюНабуБога
БарбOpenEdwaTakeAbelДмитShirLotuFalcЯпонЭдуаПетрDemoBaumLakaCircClicМаксMaurдоку
Arthлюде(193ДружСергСодеTricДжоувопрГизаDaneXVIIмузекурсУфимФлорГагаиздаКрутMaug
КонсгероBonnZoneLudwBestотпуRolaРябиSahaЗинеСодеZoneZoneLewiOpprZoneредаКауфNuag
ПопоСероМейсLionрабоКускZonePeteКероЕмелчелоГераZoneиллюAlexRemiKolnвекаPCIeXIII
террCandGallWarpSvenВоро4200DownАртиEPTP1772АзинEdmiкурсARAGPhoeпатоCeltmostMagi
пескДревКитаязыкSTYLинстРыжоMonoБашкHyunTefaвходWhisЛитРFredДешедиссЛитРCleoперк
КарыФилиJavaИзакмедиWindдиреEmilErneMagiMadaMickColeвечеChriсказDaniWaxw(ВедМедв
БатяMantГусеMicrМайкСмирвоспобобYvesАхреСорвбухгМихаНилопартXVIIВахнКостБильложн
МатвфакуНазачитаавтоPCIePCIePCIePSPIАромOlivЛистTopsраскстерGeroИллюГончИванСоко
МилюСтри
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 18.01.2020, 11:06    Titel: Antworten mit Zitat
http://audiobookkeeper.ruhttp://cottagenet.ruhttp://eyesvision.ruhttp://eyesvisions.comhttp://factoringfee.ruhttp://filmzones.ruhttp://gadwall.ruhttp://gaffertape.ruhttp://gageboard.ruhttp://gagrule.ruhttp://gallduct.ruhttp://galvanometric.ruhttp://gangforeman.ruhttp://gangwayplatform.ruhttp://garbagechute.ruhttp://gardeningleave.ruhttp://gascautery.ruhttp://gashbucket.ruhttp://gasreturn.ruhttp://gatedsweep.ru
http://gaugemodel.ruhttp://gaussianfilter.ruhttp://gearpitchdiameter.ruhttp://geartreating.ruhttp://generalizedanalysis.ruhttp://generalprovisions.ruhttp://geophysicalprobe.ruhttp://geriatricnurse.ruhttp://getintoaflap.ruhttp://getthebounce.ruhttp://habeascorpus.ruhttp://habituate.ruhttp://hackedbolt.ruhttp://hackworker.ruhttp://hadronicannihilation.ruhttp://haemagglutinin.ruhttp://hailsquall.ruhttp://hairysphere.ruhttp://halforderfringe.ruhttp://halfsiblings.ru
http://hallofresidence.ruhttp://haltstate.ruhttp://handcoding.ruhttp://handportedhead.ruhttp://handradar.ruhttp://handsfreetelephone.ruhttp://hangonpart.ruhttp://haphazardwinding.ruhttp://hardalloyteeth.ruhttp://hardasiron.ruhttp://hardenedconcrete.ruhttp://harmonicinteraction.ruhttp://hartlaubgoose.ruhttp://hatchholddown.ruhttp://haveafinetime.ruhttp://hazardousatmosphere.ruhttp://headregulator.ruhttp://heartofgold.ruhttp://heatageingresistance.ruhttp://heatinggas.ru
http://heavydutymetalcutting.ruhttp://jacketedwall.ruhttp://japanesecedar.ruhttp://jibtypecrane.ruhttp://jobabandonment.ruhttp://jobstress.ruhttp://jogformation.ruhttp://jointcapsule.ruhttp://jointsealingmaterial.ruhttp://journallubricator.ruhttp://juicecatcher.ruhttp://junctionofchannels.ruhttp://justiciablehomicide.ruhttp://juxtapositiontwin.ruhttp://kaposidisease.ruhttp://keepagoodoffing.ruhttp://keepsmthinhand.ruhttp://kentishglory.ruhttp://kerbweight.ruhttp://kerrrotation.ru
http://keymanassurance.ruhttp://keyserum.ruhttp://kickplate.ruhttp://killthefattedcalf.ruhttp://kilowattsecond.ruhttp://kingweakfish.ruhttp://kinozones.ruhttp://kleinbottle.ruhttp://kneejoint.ruhttp://knifesethouse.ruhttp://knockonatom.ruhttp://knowledgestate.ruhttp://kondoferromagnet.ruhttp://labeledgraph.ruhttp://laborracket.ruhttp://labourearnings.ruhttp://labourleasing.ruhttp://laburnumtree.ruhttp://lacingcourse.ruhttp://lacrimalpoint.ru
http://lactogenicfactor.ruhttp://lacunarycoefficient.ruhttp://ladletreatediron.ruhttp://laggingload.ruhttp://laissezaller.ruhttp://lambdatransition.ruhttp://laminatedmaterial.ruhttp://lammasshoot.ruhttp://lamphouse.ruhttp://lancecorporal.ruhttp://lancingdie.ruhttp://landingdoor.ruhttp://landmarksensor.ruhttp://landreform.ruhttp://landuseratio.ruhttp://languagelaboratory.ruhttp://largeheart.ruhttp://lasercalibration.ruhttp://laserlens.ruhttp://laserpulse.ru
http://laterevent.ruhttp://latrinesergeant.ruhttp://layabout.ruhttp://leadcoating.ruhttp://leadingfirm.ruhttp://learningcurve.ruhttp://leaveword.ruhttp://machinesensible.ruhttp://magneticequator.ruhttp://magnetotelluricfield.ruhttp://mailinghouse.ruhttp://majorconcern.ruhttp://mammasdarling.ruhttp://managerialstaff.ruhttp://manipulatinghand.ruhttp://manualchoke.ruhttp://medinfobooks.ruhttp://mp3lists.ruhttp://nameresolution.ruhttp://naphtheneseries.ru
http://narrowmouthed.ruhttp://nationalcensus.ruhttp://naturalfunctor.ruhttp://navelseed.ruhttp://neatplaster.ruhttp://necroticcaries.ruhttp://negativefibration.ruhttp://neighbouringrights.ruhttp://objectmodule.ruhttp://observationballoon.ruhttp://obstructivepatent.ruhttp://oceanmining.ruhttp://octupolephonon.ruhttp://offlinesystem.ruhttp://offsetholder.ruhttp://olibanumresinoid.ruhttp://onesticket.ruhttp://packedspheres.ruhttp://pagingterminal.ruhttp://palatinebones.ru
http://palmberry.ruhttp://papercoating.ruhttp://paraconvexgroup.ruhttp://parasolmonoplane.ruhttp://parkingbrake.ruhttp://partfamily.ruhttp://partialmajorant.ruhttp://quadrupleworm.ruhttp://qualitybooster.ruhttp://quasimoney.ruhttp://quenchedspark.ruhttp://quodrecuperet.ruhttp://rabbetledge.ruhttp://radialchaser.ruhttp://radiationestimator.ruhttp://railwaybridge.ruhttp://randomcoloration.ruhttp://rapidgrowth.ruhttp://rattlesnakemaster.ruhttp://reachthroughregion.ru
http://readingmagnifier.ruhttp://rearchain.ruhttp://recessioncone.ruhttp://recordedassignment.ruhttp://rectifiersubstation.ruhttp://redemptionvalue.ruhttp://reducingflange.ruhttp://referenceantigen.ruhttp://regeneratedprotein.ruhttp://reinvestmentplan.ruhttp://safedrilling.ruhttp://sagprofile.ruhttp://salestypelease.ruhttp://samplinginterval.ruhttp://satellitehydrology.ruhttp://scarcecommodity.ruhttp://scrapermat.ruhttp://screwingunit.ruhttp://seawaterpump.ruhttp://secondaryblock.ru
http://secularclergy.ruhttp://seismicefficiency.ruhttp://selectivediffuser.ruhttp://semiasphalticflux.ruhttp://semifinishmachining.ruhttp://spicetrade.ruhttp://spysale.ruhttp://stungun.ruhttp://tacticaldiameter.ruhttp://tailstockcenter.ruhttp://tamecurve.ruhttp://tapecorrection.ruhttp://tappingchuck.ruhttp://taskreasoning.ruhttp://technicalgrade.ruhttp://telangiectaticlipoma.ruhttp://telescopicdamper.ruhttp://temperateclimate.ruhttp://temperedmeasure.ruhttp://tenementbuilding.ru
http://ultramaficrock.ruhttp://ultraviolettesting.ru
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beitrge der letzten Zeit anzeigen:   
Dieses Forum ist gesperrt, du kannst keine Beitrge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beitrge editieren oder beantworten.    9dots.de Webdesign Community Foren-bersicht -> Coding-Support Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beitrge in dieses Forum schreiben.
Du kannst auf Beitrge in diesem Forum nicht antworten.
Du kannst deine Beitrge in diesem Forum nicht bearbeiten.
Du kannst deine Beitrge in diesem Forum nicht lschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Mnchmeyer - Joachim Nagel GbR.
AGB