• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

float:left, kolor tła pustego diva, wgrywanie zdjęcia

VPS Starter Arubacloud
0 głosów
168 wizyt
pytanie zadane 23 września 2018 w HTML i CSS przez olejniczakbydgoszcz Początkujący (290 p.)
edycja 23 września 2018 przez ScriptyChris

Mam problem z div menleft i content nie chcą się ustawić obok siebie tylko ustawiają się jeden pod drugim. Drugie pytanie jak ustawić tło pustych divów o określonych rozmiarach które są obok siebie display:block nie działa. Ostatnie pytanie dlaczego pomimo ustawienia w css diva o określonych rozmiarach i wstawienia w niego zdjęcia jpeg obraz zdjęcia rozjezdza się

Dopiero od wczoraj uczę się htmla i css takze zgóry przepraszam za banalne pytanie

<!doctype html>

<html lang="pl">
<head>
<meta charset="utf-8" />
<title> przewóz, transport, przerowadzka, bagazowka, Bydgoszcz </title>
<meta name="description" content="najtańszy transoprt, przeprowadzki w Bydgoszczy"/>
<meta name ="keywords" content="przewóz, przeprowadzki, transport, bagażówka, Bydgoszcz" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
</head>

<body>

<div id="container">

<div id="logo1">
<img src="photo/car.jpeg"  width="500" height:"380"  />
</div>

<div id="logo2">
<h1>TRANSPORT <br>PRZEPROWADZKI </br> PRZEWÓZ RZECZY / 24H<br>TEL. 532</br>

</h1>
</div>

<div> <style> clear:both; </style> </div>

<div id="menleft">
<div>oferta</div>
<div>cennik</div>
<div>kontakt</div>
</div>

<div id="content">
Świadczymy usługi transportowe na terenie całej Polski, z powodzeniem obsługujemy zarówno klientów ięki wieloletniemu wykonywania usług na rynku zyskaliśmy sobie zaufanie wielu klientów. Zajmujemy się również przewozem osób. Chętnie podejmiemy współpracę na dłuższy okres. W razie jakichkolwiek pytań serdecznie zapraszamy do kontaktu telefonicznego
</div>
</div>

</body>

</html>
body
{
    background-color:#D5D5D5;
    font-family: 'Lato', sans-serif;
    font-size:20px;
    font-color:white;
    
}

h1
{
    font-size:35px;
    color:#FF3333;
    margin:auto;
    text-decoration:underline
}

#container
{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

#logo1
{
    width:500px;
    float:left;
    
}
#logo2
{
    display:block;
    width:50%;
    max-height:380;
    padding-bottom:70px;
    padding-top:50px;
    float:left;
    display:inline-block;
    background-color:white;
    text-align:center;
}
#content
{
    width:680px;
    float:right;
    background-color:white;
    color:black;
    text-align:justify;
    padding: 10px
}

#menleft
{
    width:280px;
    float:left;
    background-color:white;
    
}

 

komentarz 23 września 2018 przez pablop76 VIP (123,240 p.)
Aby cokolwiek zobaczyć w Twoim kodzie trzeba skopiować wszystko i uzupełnić grafikami. Nikt tutaj raczej tego nie zrobi, dlatego należy umieszczać kod w odpowiednich bloczkach, a grafiki serwować z adresu bezwzględnego jakiegoś serwera. Pewnie jak to poprawisz to otrzymasz pomoc.

1 odpowiedź

+1 głos
odpowiedź 23 września 2018 przez Vickul Stary wyjadacz (12,850 p.)

Witaj po pierwsze daj swój kod w bloki kodu zgodnie z poradami Porady nie od parady

Po drugie nigdy nie stylizuj znaczników po id do tego zostały wymyślone klasy. 

Po trzecie 


<div> <style> clear:both; </style> </div>
jak się  nie czyści tylko w taki sposób

<div style="clear: both;"></div>

Najlepiej czyścić floty za pomocą pseudoelementu ::after w stylach css dodajemy klasę .clearfix

.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

 

komentarz 23 września 2018 przez olejniczakbydgoszcz Początkujący (290 p.)
dziękuję za rozwiązanie problemu,

Podobne pytania

0 głosów
1 odpowiedź 402 wizyt
0 głosów
2 odpowiedzi 320 wizyt
pytanie zadane 12 lutego 2023 w HTML i CSS przez koderro Nowicjusz (120 p.)
+1 głos
1 odpowiedź 160 wizyt
pytanie zadane 1 sierpnia 2022 w HTML i CSS przez Maverick700 Nowicjusz (160 p.)

92,840 zapytań

141,781 odpowiedzi

320,856 komentarzy

62,172 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...